Senin, 09 April 2012

Cara Buat 2 Elemen Add Gadget Di Bawah Header

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 ""
  • 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
www.ada-blog.com

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 ,:p

0 comments:

Poskan Komentar