Menambah Dua Elemen Add Gadget Dibawah Header | SYLA

Cara Buat 2 Elemen Add Gadget Di Bawah Header - Malam ini Ada Blog mau Share nih soalnya dipaksa sama temen Admin :p simak ya Cara Buat Elemen 2 Add Gadget Di Bawah Header yah 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

Nah cukup sekian dulu postingan mengenai Cara Buat 2 Elemen Add Gadget Di Bawah Header Semoga bermanfaat ,jika ada hal yang ingin ditanyakan silahkan tinggalkan komentar dibawah sini,untuk temen Admin yang memaksa post ini ,jangan lupa kopinya.

 

 

Sumber : http://www.ada-blog.com/2012/04/cara-buat-2-elemen-add-gadget-di-bawah.html