Menambah Element 1 Kolom Dibawah Header

Coretan Bang Dadan on

Tuesday, January 15, 2013

Cara Menambah Element 1 Kolom Dibawah Header - Sahabat blogger, pada kesempatan yang lalu bang dadan telah membuat artikel tentang Cara Menambah Widgate Horizontal dibawah Header, fungsi element widgate itu biasanya digunakan untuk membuat Slider/Slide Show Gambar, karena widgate tersebut sengaja dibuat hanya tampil pada homepage saja. namun pada kesempatan kali ini bang dadan akan membaha artikel tentang Cara Menambah Element 1 Kolom Dibawah Header, dan yang ini bisanya digunakan untuk membuat menu navigasi Horizontal, banner iklan dll.

klik gambar untuk memperbesar

Bagi sobat yang mau mencoba tutorial ini silahkan ikuti langkah - langkahnya dibawah ini:

Cara Menambah Element 1 Kolom Dibawah Header

1. Login ke blog.
2. Masuk ke dasbor dan Klik tata letak atau layout.
3. Kemudian Pilih Edit HTML.
4. Sebelum memulai pengeditan alangkah baiknya anda sekalian backup template terlebih dahulu.
5. Selanjutnya cari kode ]]></b:skin>, agar lebih mudah anda bisa menekan Ctrl + F, kemudian copy dan paste kode berikut tepat diatas ]]></b:skin>

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

6. Selanjutnya Copy kode berikut:

<div id="satu_kolom">
<b:section class='header' id='satukolomajah' preferred='yes'/>
</div>

7. Setelah itu simpan dibawah kode 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>

8. Kemudian Simpan template
9. Selesai !! Lihat perubahan nya pada tata letak anda.

Nah mungkin cukup sekian dulu pembahasan kita kali ini tentang Cara Menambah Element 1 Kolom Dibawah Header, Semoga artikel ini bermanfaat bagi anda semua. dan nantikan artikel selanjutnya tentang Cara Menambah Element 2 Kolom Dibawah Header. Comming soon..!!!