Sebelumnya kita sudah melihat Cara Memasang Slide Foto Dengan Mudah dan Ringan dan pada kesempatan yang baik ini saya akan berbagi cara sederhana untuk memasang bendera kebanggan kita semua.
Tutorial ini dapat kamu simpan dan bisa digunakan nanti pada saat hari kemerdekaan kita 17 Agustus 1945. Nah buat sobat yang tertarik dapat langsung simak langkahnya bagaimana Pasang Bendera Merah Putih di Blog Hanya dengan CSS
Pertama Simpan Kode CSS ini di atas ]]></b:skin>
.sang-saka {background: #ddd;padding: 60px;box-sizing: border-box;margin-bottom: 20px;}.merahputih {margin: auto;display: flex;height: 150px;width: 225px;flex-direction: column; justify-content: center;}.atas, .bawah {width: 100%;height: 100%;}.atas {background: #F00;}.bawah {background: #FFF;}
Selanjutnya simpan kode ini dimana saja anda ingin menampilkan benderanya, bisa dalam postingan maupun sidebar blog anda!
<div class="sang-saka"> <div class="merahputih"><div class="atas"></div><div class="bawah"></div></div></div>