Home | Pengguna Blogspot? Sign In | Log out

Cara Menambah Gadget Di Atas Header

Share this history on :
Menanbah gadget di atas header adalah bagian penting tidak penting, namun memiliki peranan untuk memikat pengunjung dan menjadi terkenal.Biasanya pada template bawaan hanya terdapat 1 header, namun ada juga yang memiliki header 2. Bagi sobat yang memiliki header lebih dari 1 pada templatenya?..

Berikut cara mengaplikasikan menambah gadget diatas Header di blogspot. :

1. Login ke blog sobat
2. Klik Rancangan
3. Klik Edit HTML
4. Cari kode berikut

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='idblogku (Header)' type='Header'>
</b:section>

5. Copy kode dibawah ini

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

6. Letakan kode tersebut dibawah

<div id='header-wrapper'>

7. Bila digabungkan menjadi :

<div id='header-wrapper'><b:section class='header' id='topheader' preferred='yes'/>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='idblogku (Header)' type='Header'>
</b:section>

8. Klik Simpan


Keterangan:
Tulisan yang berwarna merah, angka 1 ganti dengan jumlah gadget yang akan tampilkan (Tips angka 1 jangan diubah), kata no ganti dengan kata yes, dan idblogku ganti dengan judul blog anda.

Saran :
Sebelum kode HTML / Java Script dipastekan pada template sobat sebaiknya compressor terlebih dahulu, agar tidak menghambat loding blog sobat.


Semoga bermanfaat..
Widget ini telah di uji di lab.idblogku, widget ini baca aturannya disini!
Post by idblogku

No Responses to "Cara Menambah Gadget Di Atas Header"

Post a Comment

Followers