Cara Membuat Elemen "Gadget" di bawah Header

Kali ini saya akan memberikan cara untuk membuat elemen "gadget" di bawah header .
Rata-rata template blog itu tidak memiliki elemen gadget di bawah header , namun sebagian template menyediakan nya bahkan ada yang memiliki 3 bagian elemen gadget di bawah header . Ada atau tidaknya daribawaan template sebernarnya tidak masalah asalkan kita memahami HTML dan CSS .

Nah yang kita pelajari kali ini membuat elemen "gadget" di bawah header..
          >>Praktekkan dengan Perlahan<<

1.Klik Klik Tata Letak

2. Klik tab Edit HTML
3. backup lah template temen - temen (wajib dilakukan)
4. Cari Code  ]]></b:skin> lalu copy pastekan code di bawah ini di atas code ]]></b:skin> :

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

5. Cari kode dibawah ini (jika tidak ada cari yang hampir sama karna setiap temp berbeda - beda) :

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

6. Copy kode berikut lalu paste di bawah kode di atas

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

7. Klik tombol SIMPAN TEMPLATE

8. Klik tab Tata Letak, maka hasilny aakan seperti dibwah ini :

Klik Untuk Memperbesar

Judul: Cara Membuat Elemen "Gadget" di bawah Header
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh edwin naiborhu

Terima Kasih Atas Kunjungan Anda...