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 Expand Template Widget
• 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