Home » , , , , , » Cara Membuat 2 (dua) Kolom Gadget Dibawah Header

Cara Membuat 2 (dua) Kolom Gadget Dibawah Header

Berikut ini adalah langkah - langkahnya:
  • Masuk / Login ke akun blogger
  • Pilih menu "template" kemudian "Edit HTML" dan centang "Expand Template Widget"
  • Cari kode ]]></b:skin> (tekan tombol CTRL + F untuk menggunakan fitur pencarian cepat di browser agan)
  • Copy paste kode berikut ini dan letakkan diatas kode ]]></b:skin>
#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
  • Selanjutnya cari kode <div class='main-outer'> atau jika agan pengguna template lama cari kode <div id='main-wrapper'>
  • Copy paste kode berikut dan letakan diatas kode <div class='main-outer'> atau kode <div id='main-wrapper'>
</div> <div id='box-kolom-widget'> <div id='box1' style='width: 50%; 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: 50%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/>
  • Terakhir save template / simpan template.
Semoga bermanfaat dan jika anda suka dengan artikel ini jangan lupa klik tombol "LIKE" berikut atau dibawah ini:

0 comments:

Post a Comment

Subscribe me

Topics :
 
Support : | Sepatu Kickers | Dealer Toyota
Copyright © 2013. Sakha Prasraya's Blog - All Rights Reserved
Support by Dealer Nissan Jakarta