Membuat tiga kolom di bawah judul blog atau header



TIGA GADGET DIBAWAH HEADER


gambar 3 kolom

Pada tutorial kali ini, kita akan membuat tiga kolom di bawah header, Mungkin sudah banyak tutorial yang membahas hal ini, jadi kita langsung aja pada tahap pengerjaannya..



  • Masuk ke akun bloggger anda.
  • Klik Layout/Template (New) > Klik Edit HTML.
  • Beri tanda centang pada Expand Widget Template.
  • Sekarang Cari kode ]]></b:skin>
  • Setelah ketemu Copy  dan letakan kode berikut diatas kode ]]></b:skin>
kode tersebut adalah : 



<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>



  • Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
  • Copy dan paste kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.
Kode tersebut adalah : 


<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>




  • Langkah terakhir klik Tombol Simpan Template.
  • Selesai dan lihat hasilnya.

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.
Semoga bermanfaat Artikel Cara Membuat 3 Kolom Di Bawah Header, Terima kasih.




















































di