Cara Membuat 2 Kolom di Bawah Header


Bagi anda yang ingin membuat 2 kolom add gadget pada bagian bawah kolom header, saya akan menjelaskan cara membuat 2 kolom tersebut. Dan hasilnya anda bisa melihat pada gambar di bawah ini :


Bila anda yang ingin membuat 2 kolom tersebut langsung saja praktekan dengan langkah langkah di bawah ini :

1. Log in ke blog anda
2. Pilih Rancangan >Edit HTML
   
3.Cari kode ]]></b:skin>
Copas kode dibawah dan letakan diatas kode ]]></b:skin>

#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }

4. Kemudian cari kode <div class='main-outer'> jika ada pengguna template lama cari kode <div id='main-wrapper'>
Copas kode berikut 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;'/>

5. Kemudian Simpan Tempalate 

Sekian dulu trik dari saya tentang cara membuat dua kolom di bawah header. 
SEMOGA BERHASIL!
 

2 komentar:

  1. sangat bermanfaat bang join blog ane

    http://bolasejagat.blogspot.com/

    BalasHapus
  2. Terimakasih Gan, bermanfaat sekali. Minta partisipasinya http://sevenyogarusliawan.blogspot.com

    BalasHapus

Copyright © 2012 Berita Terbaru.