- Login ke blogger dengan ID anda.
- Klik Tata Letak.
-
Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :
- Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
- Klik tab Edit HTML.
- Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
-
Copy kode berikut, lalu paste di atas kode ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
} -
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> -
Copy kode berikut lalu paste persis di bawah kode tadi :
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div> -
Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan. -
Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
- nah! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang anda inginkan
- Selesai.
Membuat Kolom dibawah header
Labels:
blog TUTORIAL,
Tips
Untuk membuat kolom baru kita hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Belum tahu caranya? silahkan ikuti langkah berikut :
Post a Comment