Cara Menambah Kolom Baru di Bawah Header Blog

Bloggebu tentang cara memasang dan menambah kolom di bawah header juga bisa disebut memasang gadget baru tepatnya pada bagian bawah header,  fungsi kolom dibawah header sangat berguna jika ditambahkan di blog, kebanyakan bawaaan template dari download maupun blogger, kolom dibawah header jarang tersedia, banyak blogger komersil atau blog PPC yang memanfaatkan kolom dibawah header ini dengan alasan  untuk meningkatkan penghasilan

Seperti contoh dibawah ini




Berikut cara memasang atau menambah kolom langsung di bawah header

1. Silahkan login ke Blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko
apabila terjadi kesalahan ketika melakukan editting pada template, kita masih
punya back up data untuk mengembalikannya seperti semula.
6. Cari kode ]]</b:skin>
7. Copy paste kode berikut persis di atas kode ]]</b:skin>

.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}

.adscolumn .widget{
}

8.

Lihat ke bagian bawah, lalu cari kode berikut :

<div id='main-wrapper'>

9.

Copy paste kode berikut persis di atas kode <div id='main-wrapper'>

<b:section class='adscolumn' id='adscolumn' preferred='yes'/>

10. Klik tombol SIMPAN TEMPLATE.

11. Selesai.

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :





Nah itulah langkah menambah memasang atau membuat kolom langsung di bawah header , Sekarang sobat bloggebu sudah bisa memasukan apa saja langsung di bawah kolom header. Selamat mencoba!

Share :

Facebook Twitter Google+
3 Komentar untuk "Cara Menambah Kolom Baru di Bawah Header Blog"

Kalau menambah kolomnya dibagi 3 bagaimana caranya ya masbro :)

kalo mo nambahin kolom jadi tiga, tunggu postingan selanjutnya :)

Back To Top