Cara Membuat 3 Kolom Tambah Gadget

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.
Nah untuk menambahkan 3 kolom tambah gadget di bawah header blog silahkan ikuti langkah-langkahnya sbb:
1. Login ke akun blogger anda
2. Masuk ke Rancangan/Template buka edit html
3. Centang kotak expand template widged
4. Untuk antisipasi, back up dulu template anda dengan klik download full template
5. Cari kode ]]></b:skin>
6. Copy dan paste kode di bawah ini tepat 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;
}
</div>


7. 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>

8. Letakkkan kode tersebut di atas, di bawah kode berikut ini atau yang mirip dengan ini:

<b:section class='blogname' id='top' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Informasi Dunia Pendidikan (Header)' type='Header'/>
</b:section>
Informasi Dunia Pendidikan adalah judul blog ini, ganti dengan judul blog anda
Setelah selesai klik simpan template
Selamat mengisi 3 kolom tambah gadget yang baru saja anda buat di bawah header blog anda.

Post a Comment

أحدث أقدم