2012/12/23

Cara menambah kolom di bawah header blog

Mungkin seperti ini ilustrasi hasil yang akan kita kerjakan saat ini :

Nah bagi sobat yang Tertarik ingin membuat kolom di bawah header, berikut adalah cara lengkapnya :

  

Cara Membuat Kolom Baru di Bawah Header
1. Login ke Blogger.
2. Pilih Tata Letak
3. Klik tab Edit HTML.
4. Backup dulu template dengan meng-Klik tulisan Download Template Selengkapnya.
5. Copy paste kode berikut persis di atas kode  ]]></b:skin>.

/* Kolom Baru dibawah Header ----------------------------------*/
.kolombaru{
width:970px;
padding:5px;
background:#transparent;
margin:0px 0px 5px 0px;
text-align:center;
}

.kolombaru .widget{
}
6. Lihat ke bagian bawah, lalu cari kode berikut :
<div id='main-wrapper'>
 Tambahkan kode berikut persis di atas kode <div id='main-wrapper'> :
<b:section class='kolombaru' id='kolombaru' preferred='yes'/>
7. Klik Pratinjau dulu, jika tidak ada masalah, Simpan Template jika sidah selesai.

Langkah selanjutnya, silahkan klik Tata Letak, lalu lihatlah perubahannya. jika hasilnya seperti pada gambar diatas, maka anda sudah berhasil menambahkan kolom baru di bawah header. Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header.  Selamat mencoba!