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!
 

3 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
  3. As stated by Stanford Medical, It's really the SINGLE reason women in this country get to live 10 years longer and weigh 42 lbs less than us.

    (By the way, it has NOTHING to do with genetics or some hard exercise and absolutely EVERYTHING about "HOW" they are eating.)

    P.S, I said "HOW", and not "what"...

    Tap this link to discover if this little questionnaire can help you find out your true weight loss possibility

    BalasHapus

Copyright © 2012 Berita Terbaru.