Umstrieduatiga.com – Dengan menambahkan kolom widget di atas header blog memungkinkan Anda memasukkan konten-konten diluar topik blog. Seperti yang terpasang diblog ini. Admin sengaja menambahkan widget di atas header sebagai tempat iklan Google Adsense.
Dengan adanya tambahan kolom
widget diatas header, Anda bisa leluasa memasukkan konten yang Anda inginkan.
Selain itu, Widget diatas header blog lebih mudah dilihat oleh pengunjung. Dan
ini tentu saja sangat cocok untuk widget iklan.
Cara Membuat Satu Kolom Widget
Diatas Header
1. Pastikan Anda login di blogger
2. Klik
menu Template >> Edit Html >>
tekan Ctrl+F pada keyboard anda
3. Cari
Kode ]]></b:skin>
4. Letakkan kode berikut diatas
kode ]]></b:skin>
#oneupperheader{margin:10px 0;padding:1%;width:100%;}
5. Cari kode berikut 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>
6. Letakkan kode berikut ini
tepat dibawah <div id='header-wrapper'>
<b:section class='header' id='oneupperheader' preferred='yes'/>
7. Sehingga hasilnya seperti berikut ini
<div id='header-wrapper'>
<b:section class='header' id='oneupperheader' preferred='yes'/>
<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. Simpan dan lihat hasilnya.
Yang perlu Anda ketahui sebelum
tutorial di atas, masing-masing template memiliki kode-kode css atau id
html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap
panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang
ada ditemplate anda
Jika Anda mengikuti tutorial di
atas, lalu terjadi error berarti kode css atau id html template Anda tidak
cocok. Anda tidak perlu khawatir, sekarang blogger enggan menyimpan perubahan
apabila terjadi error.
Selamat mencoba !!!
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 comments:
Post a Comment