Friday, March 2, 2012

Menambah 3 Kolom Dibawah Header

Berikut Lankah-Langkah Untuk Menambah 3 Kolom Dibawah Header :

  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