Di postingan saya kali ini akan menjelaskan tentang cara membuat Elemen di bawah Header di Blog Anda. Di bawah Header Blog anda dapat memasang widget maupun kode-kode yang anda inginkan. Anda ingin tahu bagaimana caranya?
Sebenarnya caranya cukup mudah. Begini caranya :
- Pada Dashboard Blogger, klik "Edit HTML".
- Pilihlah "Download Template Lengkap", supaya template anda tidak hilang jika ada kesalahan.
- Copy kode di baawah ini :
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
- Carilah kode ]]></b:skin>, paste kode yang anda copy tadi diatas kode ]]></b:skin>
- Sehingga kodenya akan tampak seperti di bawah ini :
#under_header{
margin:10px 0;
padding:1%;
width:98%;}
]]></b:skin>
- Kemudian temukanlah kode yang mirip dengan kode di bawah ini (tergantung template yang anda gunakan):
<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 di bawah kode tadi :
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
- Sehingga kodenya akan tampak seperti 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>
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
Jangan lupa untuk menyimpan perubahan pada template anda. Kemudian klik "Tata letak", pada tab pilih "Elemen Halaman". Lihatlah apa yang terjadi di bawah Header anda. Selamat mencoba!!!!!
Bloggtrik