Jumat, 23 Desember 2011

Tambah 2 Kolom diatas Header

Rasanya tutorial ini sangat tepat dan disarankan dipasang di Blog kamu, bukannya aku anak layangan tetatpi sangat beralasan sekali karena dapat menjadi pegangan kamu saat kamu nemuin atau ingin memasang Banner iklan atau mungkin kamu ingin memasang wajah kamu ? no problem. 
caranya mudah sekali seperti kamu membalikan telapak kaki, eh..maksudnya telapak tangan :
  1. Login Blogger pilih Desain
  2. Masuk Rancangan
  3. Pilih tab Edit HTML
  4. Centang "Expand Template Widget"
  5. Cari code ]]></b:skin> ( Tekan F3 untuk mempermudah pencarian )
  6. Letakan code dibawah ini diatas ]]></b:skin>
#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
 
     7.  Kemudian cari kode <div class='main-outer'> jika ada pengguna template lama cari kode <div id='main-wrapper'>

     8.  Letakan code dibawah ini diatas  <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;'/>
     9.  Simpan Template

Jreeeenng !!!! Mudah kan ? 
Semoga bermanfaat 

Tidak ada komentar:

Posting Komentar