Saturday, 19 May 2012

Cara Buat 2 Elemen Add Gadget Di Bawah Header

Pada umunnya kolom di bawah header di gunakan untuk memasang gambar, navbar, teks,. Langkah - langkah yang perlu Anda perhatikan adalah :

  • Login ke Blogger
  • Masuk ke Rancangan -> Edit HTML
  • Saya sarankan "Download Template Lengkap" untuk mengantisipasi sesuatu yang tidak diinginkan.
  • Centang
  • Sekarang cari kode ]]></b:skin> gunakan CTRL+F untuk memudahkan
  • Tambahkan kode berikut di atas kode ]]></b:skin>
#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }

  • Langkah selanjutnya cari kode <div id='main-wrapper'>
  • Lalu tambahkan kode berikut ini di atas kode <div id='main-wrapper'> 
<div id='box-kolom-widget'>
<div id='box1' style='width: 210px; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
</div>

<div id='box2' style='width: 740px; float: right; margin:0; text-align: center;'>
<b:section class='box-widget' id='col4' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

  • Untuk yang saya warnai merah adalah panjang widget silahkan di rubah sesui keinginan Anda sendiri
  • Jika sudah selesai maka hasilnya akan seperti di bawah ini

Sekian Tutorial Blog dari BagongKewez .
Terima Kasih telah membaca Artikel ini dan semoga Artikel ini bermanfaat untuk anda .
Jangan lupa comend yah :D

Bijaklah dalam berkomentar
EmoticonEmoticon