Cara Membuat 3 Kolom Tambah Gadget di Bawah Header Blog

Kali ini Saya akan membahas cara Membuat 3 kolom tambah gadget dapat dilakukan dengan menambahkan kode di area html. Penambahan kolom tambah gadget umunya diletakkan di bagian atas, tepatnya di bawah header blog. Kolom tambahan ini dapat digunakan untuk memajang apa aja suka-suka blogger pemiliknya. Sebelum ini juga sudah diposting cara menambah satu kolom gadget.


Berikut cara membuatnya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Centang Expand Template Widget
• Cari kode ]]></b:skin> agar mudah mencari tekan f3
• Copy dan paste kode di bawah ini, di atas kode ]]></b:skin> 

/* Top Header ---------------------------- */ #topheader { width:930px; clear:both; float:left; color:#333; background:#fff; margin:0 auto; padding:0 0 10px; } #topheader a:visited { color:gray; text-decoration:none; } #topheader h2 { font-size:11px; font-weight:700; line-height:1.4em; text-transform:uppercase; border-bottom:1px dotted silver;margin:0 0 10px; padding:20px 0 2px; } #topheader ul { color:#333; margin:0; padding:0; } #topheader ul li { list-style-type:none; background:fff; border-bottom:1px dotted #ccc; padding-left:17px; margin-top:2px; } #left-topheader { width:360px; float:left; padding-left:15px; } #center-topheader { width:230px; float:left; padding:0 20px; } #right-topheader { width:260px; float:right; padding-right:15px; }

• Kemudian Copy paste kode berikut ini :

<div id='topheader'>
<b:section class='topheader' id='left-topheader' preferred='yes'/>
<b:section class='topheader' id='center-topheader' preferred='yes'/>
<b:section class='topheader' id='right-topheader' preferred='yes'/>
</div>

• Letakkkan kode di atas, di bawah kode yang mirip seperti ini :

<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Surya☼Chandra☼Gobel (Header)' type='Header'/>
</b:section>

Perhatian :

• Surya☼Chandra☼Gobel adalah judul blog ini, ganti dengan judul blog Anda.
• Simpan dan lihat hasilnya

Selamat Mencoba !