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

Anda sedang membaca artikel Membuat Kolom Element Widget di atas Header dan artikel ini url permalinknya adalah http://www.frewaremini.com/2011/12/membuat-element-widget-di-atas-header.html
Semoga artikel Membuat Kolom Element Widget di atas Header ini bisa bermanfaat.
http://www.frewaremini.com

0 comments:

 
Bloglisting.net - The internets fastest growing blog directoryMy Ping in TotalPing.com Site Meter Add to Technorati Favorites Yahoo bot last visit powered by MyPagerank.Net Bloggers - Meet Millions of Bloggers Msn bot last visit powered by MyPagerank.Net Preview on Feedage: freewaremini Add to My Yahoo! Add to Google! Add to AOL! Add to MSN Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes YouSayToo Revenue Sharing Community Subscribe in Bloglines Add to Alesti RSS Reader Add to Feedage.com Groups Add to Windows Live iPing-it Blogarama - The Blog Directory Add to Feedage RSS Alerts Add To Fwicki Add to Spoken to You Free Automatic Google Backlinks - SEO

www.frewaremini.com: |Artikel Populer, tips rumahtangga, tips blogging, software gratis |pendidikan, traveling, musik & film, chord & lirik lagu |kesehatan, pengobatan herbal, lowongan kerja, budaya, ragam, gadget, it, tv online, gambar, foto| Welcome to freewaremini © | www.frewaremini.com® | template by woodybudi® |