Subscribe to Revolution Church

Makalah Keperawatan

Blog Accessories

Blogger Pemula

Wednesday, August 24, 2011

Cara Membuat Widget Navigasi Dibawah Header Pada Blog


Assalamualaikum Wr. Wb.


Cara Membuat Widget Navigasi Dibawah Header Pada Blog
Dengan adanya menu Navigasi pada sebuah blog akan menambah ketertarikan pengunjung untuk melihat apa saja isi dari menu Navigasi yang telah dipublikasikan oleh pemiliknya. Tapi tidak semua Template Blog dilengkapi dengan menu navigasi yang dapat kita modifikasi sedemikian rupa sesuai keinginan sobat.
 
Ketika sobat blogger ingin menambahkan/memodif blog sobat dengan memberikan navigasi menu dibagian bawah header namun dalam blog sobat tidak terdapat/memiliki Add Gadget dibawah header, rasanya gimana gituhh,, apalagi sobat dah merancang menu Navigasi keren yang menggunakan kode JavaScript.

"Lalu bagaimana caranya agar bisa memasang menu Navigasinya kalo tidak dilengkapi dengan Gadget tambahan dibawah header...??"

Tenang dan jangan khawatir.....kali ini saya akan memberikan tips cara Membuat Widget Navigasi Dibawah Header Pada Blog.

Langsung saja ikuti langkah-langkah berikut ini :
  • Log in ke Blogger Sobat [klik] disini
  • Pilih Tata Letak
  • Pilih Edit HTML
  • Cari kode seperti dibawah ini, (gunakan pencarian cepat => Ctrl + F) kemudian ketikkan nama file yang sobat cari.

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

Atau kode seperti ini :

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

  • Setelah dapat, Copy paste kode dibawah ini tepat dibawah kode diatas tersebut.

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

  • Setelah selesai, cari kode ]]></b:skin>.
  • Copy paste Script dibawah ini, dan letakkan tepat diatas kode ]]></b:skin>.

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

    • Kemudian [klik] Simpan Template.
    Semoga bermanfaat.....!!
    Sisipkan komentar untuk melengkapi artikel ini.

    Bambua*09

    Artikel Terkait



    0 comments:

    Post a Comment

    My Facebook

    Statistik

     
    BAMBUA*09. Copyright 2008 All Rights Reserved by Bambua*09 Blogger Template by BAMBUA*09