Friday, March 2, 2012

Menambah 3 Kolom Dibawah Header

Berikut Lankah-Langkah Untuk Menambah 3 Kolom Dibawah Header :
http://2.bp.blogspot.com/-0e0A8l2NWPU/UZGXzn0BNtI/AAAAAAAAF2k/6OMmL7oA4qM/s320/3+kolom+dibawah+header.jpg


  1.  Pastikan anda sudah login ke akun blogger/blogspot

  2. Setelah ada berada pada halaman Panel Blog anda Pilih " Template"

  3. Klik Tombol Edit HTML

  4. Centang Expand Template Widget

  5. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu

  6. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)

  7. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin> 


<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> 

Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">



  • Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'>   atau <div id="main-outer">


<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>

 

  • Lankah terakhir klik Tombol Simpan Template


 

 


Share this

0 Comment to "Menambah 3 Kolom Dibawah Header"

Post a Comment