Membuat Kolom Baru dibawah Header

Selamat berjumpa lagi sahabat Pucanglaban, pada kali ini saya akan share Cara Membuat Kolom Baru dibawah Header Blogspot yang mana trik ataupun tutorial blog ini sudah sangat banyak diulas diberbagai Media Online. Kali ini saya akan mencoba menyampaikan tips trik templating blog ini dengan gaya saya sendiri dan mudah mudahan sahabat Pucanglaban bisa memahaminya dengan baik.

Pada dasarnya, Membuat Kolom Baru dibawah Header ini tidak sulit dan tidak njlimet. Cara ini mirip dengan cara menambah kolom baru dibawah posting, membuat kolom baru diatas posting dan yang lainnya, cuma letaknya berbeda dan ada sedikit kode template yang disesuaikan.

OK tidak usah berlama lama nyerocos ngalor ngidul, kita langsung saja menuju TKP Cara membuat kolom baru dibawah Header:

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:#000;
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!

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar