Powered By

Free XML Skins for Blogger

Powered by Blogger

Rabu, 11 Februari 2009

membuat kolom langsung di bawah header

Tertarik ingin membuat kolom langsung di bawah header? berikut adalah cara lengkapnya :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3.Klik tab Elemen Halaman. Perhatikan struktur layout template anda
4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header.
5. Klik tab Edit HTML.
6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
7.

Copy kode berikut, lalu paste di atas kode ]]></b:skin>


#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

8.

Cari kode yang mirip dengan kode di bawah ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>

9.

Copy kode berikut lalu paste persis di bawah kode tadi :

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

10.

Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
11.

Klik tab Elemen Halaman. dan struktur layout anda akan berubah

good luck

0 komentar:

Poskan Komentar