Jumat, 09 April 2010

Cara Membuat Kolom Dibawah Header

Kolom dibawah header mempunyai banyak fungsi, kamu bisa memasang kolom iklan 125x125 bawah header atau menu slider atau yang lainnya, sesuai selera kamu lah.

Jika kamu ingin mencoba memasang di blog kamu, Berikut ini caranya:

Silahkan login ke Blogger dengan ID anda.

Klik Tata Letak

Klik tab Edit HTML.

Klik tulisan Download Template Selengkapnya.

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.

Cari kode ]]></b:skin>

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{
}



Lihat ke bagian bawah, lalu cari kode berikut :

<div id='main-wrapper'>

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

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


Klik tombol SIMPAN TEMPLATE.

Selesai.

maka hasilnya akan terlihat seperti ini :

kolom dibawah header



Baca juga : Cara Membuat Footer 3 Kolom di Blogger

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

LinkWithin