20 February 2022

Bendera Sang Saka Merah Putih dengan HTML dan CSS

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Bendera Sang Saka Merah Putih dengan HTML dan CSS

Setiap tanggal 17 Agustus, kita pasti memperingati Hari Ulang Tahun Kemerdekaan Republik Indonesia kita tercinta ini. Karena pada tanggal 17 Agustus 45 beberapa tahun silam kita merdeka dan bebas dari penjajahan bangsa asing.

Moment ini diperingati oleh semua Warga Negara Indonesia tak terkecuali. Bahkan WNI yang berada di luar negeri ikut serta merayakan mesti dilakukan di dalam rumah masing-masing mungkin.

Baca Juga : Download Vector Logo Komunitas Blogger Indonesia

Berbagai perayaan pun mereka peringati dengan hikmat dan bijaksana. Tidak kurang para penjual menjajakan bendera merah putih di pinggir jalan dan juga umbul-umbul. Perayaan bisa dirayakan dengan berbagai kreasi.

Kita sebagai blogger mau sumbangsih apa? Tidak ada salahnya kita mencoba memberikan yang terbaik bagi bangsa dan negara dengan memberikan kreasi tentang ilmu yang kita punya yaitu membuat Sang Saka Merah Putih dengan HTML dan CSS.

Sang Saka Merah Putih dengan HTML dan CSS


Caranya langsung saja ya :

Masuk ke Dashboard
Klik Tema
Pilih Sesuaikan : Edit HTML
Temukan kode ]]></b:skin>
Tempelkan kode dibawah diatas kode ]]></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;}


Kemudian untuk memanggilnya supaya bendera merah putih dapat tampil di postingan kita menambahkan kode seperti ini.

<div class="sang-saka"> 
<div class="merahputih">
<div class="atas"></div>
<div class="bawah"></div>
</div>
</div>


Jadinya seperti ini :


Bila dilihat di Codepen @ Alifa akan seperti ini :

See the Pen Sang Saka Merah Putih dengan HTML dan CSS by Alifacode (@Alifacode) on CodePen.





Demikianlah wujud rasa berbakti kita sebagai penggiat blog dengan menampilkan kreasi bendera merah putih. Semoga artikel Bendera Sang Saka Merah Putih dengan HTML dan CSS bisa membuat blog kamu berjiwa patriotik. Dan 17 Agustus sebagai HUT RI masih lama. Tapi tidak ada salahnya kita memberikan tidak hanya pas tanggal 17 hari saja tetapi tiap hari berikan sumbangsih yang terbaik bagi negara kita tercinta ini. Wassalam.

Bagikan ke teman-teman kamu
Label Postingan : CSS

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Bendera Sang Saka Merah Putih dengan HTML dan CSS . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon