Menambah Element 1 Kolom Dibawah Header



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.

Menambah Element 1 Kolom Dibawah Header
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..!!!

Labels: blogger tutorial, template hack, Widget

Thanks for reading Menambah Element 1 Kolom Dibawah Header. Please share...!

4 Comments on Menambah Element 1 Kolom Dibawah Header

  1. bro langsung saya coba yah ini trik nya

    ReplyDelete
  2. Tips yg bermanfaat sekali gan...
    Mohon kunjungan balik n backlink'nya yaa...

    http://www.zamrudnews.com

    Terima kasih....

    ReplyDelete
    Replies
    1. Sama - sama kawan,, oke nanti ane visit. :)

      Delete

Back To Top