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>
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.
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.
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.
- 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.
Sumber: Cara Membuat Menu Dibawah Header
0 komentar:
Posting Komentar