Official Website

Senin, 21 Januari 2013

Cara Membuat Menu Dibawah Header Blog


 Kali ini kita akan membahas tentang Cara membuat menu dibawah header blog.

 Pada  menu dibawah header blog yang versi ini kelebihannya adalah ketika pointer mouse di arahkan, maka hasil nya akan tampil menu-menu lainnya yang mengarah ke bawah alias Menu Horisontal DropDown, Seperti yang sobat lihat di gambar dan pada menu BlogKUCOPAS ini.


Gimana.??? Sobat tertarik dan ingin membuat nya.!!!
Oke sobat, Mari kita langsung menuju ke TKP, hehehehe...
Langkah-Langkah yang harus sobat lakukan untuk membuat menu dibawah header blog adalah:

1. Silahkan sobat >> Login atau Masuk ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Pilih dan klik Menu >> Template >> Edit HTML >> Lanjutkan.

3. Jangan lupa sobat Centang pada >> "Expand Widget Templates".

4. Kemudian silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL + F untuk memudahkan pencarian).
Kemudian taruh Kode Script di bawah ini tepat diatas atau sebelum kode ]]></b:skin>

Catatan:
  • width:1000px; adalah Ukuran Lebar menu, Silahkan sobat ganti nilainya agar sesuai dengan ukuran lebar template blog sobat.
5. Jika sudah, Masih dalam Edit HTML Template, Silahkan sobat cari lagi kode <div id='content-wrapper'> (Gunakan CTRL+F  untuk mempercepat pencarian).

6. Kemudian copy kode dibawah ini dan paste-kan tepat di bawah atau sesudah kode <div id='content-wrapper'>

Catatan:
  • Your-Link-Here Ganti dengan Link target tujuan isi menu sobat.
  • Link-Title Ganti dengan title yang sobat inginkan.
  • Link-Name Ganti dengan Nama menu sobat yang ingin di tampilkan.
7. Setelah sobat selesai mengedit, Silahkan sobat klik >> Pratinjau atau Preview dulu sebelum di SAVE template-nya, Lalu lihat hasilnya. Jika sudah berhasil dan cocok seperti yang sobat inginkan, Jangan Lupa di Save atau Simpan yach...

NB:
 Jika sobat tidak menemukan kode yang dicari template blog sobat, Berarti cara di atas tidak berlaku untukTemplate blog yang sobat gunakan. Namun sobat masih bisa memasangnya di blog sobat.

Caranya:
  • Masuk >> Dasboard >> Tata letak >> Tambah Gadget >> pilih >> HTML/JavaScript >> Taruh semua kode script yang ke dua diatas di dalam kotak HTML/JavaScript >> Simpan dan lihat hasilnya.
Share this article :

0 komentar:

Poskan Komentar

 

Web Desain - Copyright  © 2012 All Rights Reserved | Design by OS Templates Converted and modified into Blogger Template by BTDesigner | Back to TOP