Sabtu, 03 Maret 2012

Cara Membuat 2 Kolom Dibawah header

Cara membuat dua kolom dibawah header di blogspot cukup mudah sobat tinggal kopas sajah kodenya dan simpan jadideh..
Oke langsung sajah ke trik cara membuat dua kolom dibawah header, Langkah-langkah membuat 2 kolom dibawah header sebagai berikut :
  1. log in ke blog anda
  2. Pilih Rancangan >Edit HTML
  3. Cari kode ]]></b:skin>
  4. Copas kode dibawah dan letakan diatas kode ]]></b:skin>
  5. #box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
  6. kemudian cari kode <div class='main-outer'> jika ada pengguna template lama cari kode <div id='main-wrapper'>
  7. Copas kode berikut letakan diatas kode <div class='main-outer'> atau kode <div id='main-wrapper'>
  8. </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. Kemudian Simpan Tempalate
  10. Apa bila terjadi galat seperti gambar dibawah ini saat anda menyimpan template berarti terdapat kesalahan dalam editng template. ulangi dengan lebih teliti langkah-langkah diatas
  11. Jika proses simpan template berhasil makan pada bagian elemen halaman aka muncul 2 kolom dibawah header seperti ini :
  12. sekian dulu trik dari terbaru5 blog cara membuat dua kolom di bawah header.

Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...