Membuat Kolom Element Widget di atas Header

Menambah element Widget blog di atas header adalah suatu kemungkinan, jika anda ingin menaruh 'sesuatu'di atas header, mungkin bisa sebuah iklan, label/tag,slide show, flash atau yang lainnya sesuai dengan keinginan anda.Kustomisasi widget sangat populer ketika blogger belum update template blog terbaru seperti sekarang,
pada sekitar tahun 2008/2009 saat itu template blog dari blogger masih sangat minim elemen gadget pada defaultnya, sehingga saat itu banyak sekali postingan-postingan trick tentang membuat sidebar menjadi dua kolom, membuat sidebar menjadi 3 kolom, membuat sidebar 2 kolom kiri dan kanan, membuat side bar 2 kiri 1 kanan, membagi footer menjadi 3 kolom, memanmbah kolom widget di bawah header dan lain sebagainya.

Akan tetapi, astaganaga...coba anda buka dashboard blogger anda dan silahkan masuk ke template designer, lalu masuk lagi ke layout, ternyata template blogger sekarang sudah menyediakan itu semua...jadi tinggal pilih saja kan? coba perhatikan gambar dibawah ini, sangat bervariasi dan tinggal applied saja..beres.



Nah setelah anda teliti ternyata layout default blogger belum menyediakan add a gadget diatas header ya? Nah untuk ituuuu...hehehe...pada postingan kali ini saya mencoba share bagaimana cara menambahkan element widget diatas header.

1. Yang pertama-tama tentunya anda harus login ke akun blogger anda.
2. Silahkan masuk ke Edit Html, lalu cari kode ]]></b:skin>
3. Setelah ketemu kode ]]></b:skin> tersebut silahkan anda tambahkan kode berwarna merah di bawah ini di atas kode ]]></b:skin>

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

4. Setelah selesai silahkan anda cari kode seperti ini : <div id='header-wrapper'>
5. Setelah anada menemukan kode seperti di atas, copy kode berwarna merah ini, dan silahkan taruh diatas kode <div id='header-wrapper'>

<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

5. Nah selesai deh, silahkan lakukan saving template. lihat hasilnya di design.

Jika anda ingin meletakkanya di bawah header ya anda tinggal pindahkan kode diatas di bawah kode <div id='header-wrapper'>
Share :
PreviousPost
NextPost

Author:

0 Comments:

Rekomendasi