Gadget buat blog diatas header

Gadget buat blog diatas header:

Pada umumnya blog bawaan dari blogger tidak terdapat gadget yang berada diatas header. Tapi kita sering melihat web maupun blog yang meletakkan gadget diatas header, seperti iklan baris, baner, gambar, teks berjalan, animasi, atau apa saja sesuai selera atau kebutuhan blog. Lalu bagaimana cara menambah gadget diatas header ?.

Berikut beberapa Cara Gadget buat blog diatas header.

•Cara Gadget buat blog diatas header yang pertama

• Login ke Blogger.

• Klik Tata Letak/layout/rancangan.

3. Klik Edit HTML.

• Tekan F3 untuk mempermudah pencarian..

• Lalu cari kode berikut :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Catatan :

•Setiap template mempunyai kode yang berbeda-beda, cari saja yang mirip seperti kode diatas.

•Ganti kode diatas dengan kode berikut ini :

<b:section class='header' id='header' preferred='yes'>

•Jika kode diatas tidak di temukan teman teman bisa pake cara di bawah ini.

•Cara Gadget buat blog diatas header yang kedua

•             Centang Expand Template Widget

•             Masukkan kode di bawah di atas kode ]]></b:skin>

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

• Selanjutnya masukkan kode berikut di atas kode <div id='header-wrapper'>

<div id="gadget_header">

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

</div>

•Jika kode diatas juga tidak ada teman teman bisa pakai cara ini

•Cara Gadget buat blog diatas header yang ketiga.

                magenta;"><div id='header-wrapper'>

•Copy kode di bawah ini dan paste tepat dibawah kode di atas

               

                <b:section class='header' id='topheader' preferred='yes'/>

               

•Jika kode diatas juga tidak ada silakan pakai cara ini

•Cara Gadget buat blog diatas header yang ke empat.

cari kode ]]></b:skin>

• Setelah ketemu kode ]]></b:skin> tersebut salin dan paste kode berwarna merah di bawah ini di atas kode ]]></b:skin>

#gadget_header{

margin:10px 0;

padding:1%;

width:98%;}

• Setelah selesai silahkan anda cari kode seperti ini : <div id='header-wrapper'>

• Setelah ditemenemukan kode seperti di atas, salin kode berwarna merah ini, dan letakkan diatas kode <div id='header-wrapper'>

<div id="gadget_header">

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

</div>

Gadget buat blog diatas header saya pakai cara yang pertama udah bisa.

Kalau semua kode diatas tidak ada cari ajah yang mirip, teman teman hanya boleh pakai satu cara.

Nah kalau udah ketemu dan udah di ganti klik simpan. Lalu masuk ke tata letak cek dulu okeh.

Gadget buat blog diatas header.

Artikel Terkait

Cara menghapus tulisan posting lama dan baru pada blog
Cara menghapus tulisan beranda pada blog
Cara menhilangkan entri atom pada blog
Cara menghilangkan tulisan di berdayakan oleh blogger pada blog
Cara menghilangkan angka pada label blog
Cara mengetahui berat blog
Gadget buat blog diatas header