Kamis, 25 April 2013
Hai sobat blogger ! sudah lama tak berjumpa ya, hampir 1 bulan saya tidak mengupdate isi postingan di blog ini, hampir sebulan itu saya mendapat kendala besar yang membuat saya jarang update. Saya memohon maaf untuk hal itu. Oke , kali ini saya akan berbagi ilmu tutorial blogging yang cukup keren sobat . Sesuai judulnya, kali ini saya akan membuat menu navigasi yang pernah saya pakai di blog ini atau bisa lihat sendiri pada gambar yang saya pasang diatas. Menu navigasi ini telah saya modifikasi sedemikian rupa sehingga menjadikannya keren dan elegan.. Bagaimana ? tertarik untuk membuatnya ? langsung saja kalau begitu kita simak dan bahas tutorialnya bersama-sama.
Lihat Versi Terbaru dari Menu Navigasi Dropdown v2 yang lebih keren ( seperti yang digunakan di blog ini ) di http://rizaldipriantama.blogspot.com/2012/12/menu-navigasi-horizontal-dropdown-versi.html
FIX + TUTORIAL PENGEDITAN ( 25 Maret 2013 )
2.) Masuk ke akun blogger sobat
3.) Masuk ke Dashboard > Template > Edit Html > Lanjutkan
4.) Centang tanda
5.) Lalu cari kode ]]></b:skin>
6.) Jika sudah ketemu, masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
Kode
8.) Buka Tata Letak > Tambah Gadget > Html/Javascript
9.) Masukkan kode berikut di form Konten yang tersedia
Klik untuk melihat
Ganti Menu Link dengan nama yang akan ditampilkan dalam menu utama.
Ganti Sub-menu Link dengan nama yang akan menjadi menu yang berada di bawah menu utama
12.) Simpan dan lihat hasilnya
Contoh :
<div class="menu"><ul><li><a href="http://rizaldipriantama.blogspot.com"> Beranda </a></li><li><a href="http://rizaldipriantama.blogspot.com/trick "> Trik Komputer</a><ul><li><a href=" # "> Hacker</a></li><li><a href="# "> Software </a></li><li><a href=" # "> Hardware</a></li><li><a href="# "> Internet </a></li></ul></li><li><a href="#">Blogger</a><ul><li><a href="#"> Trik</a></li><li><a href="#">Tips </a></li></ul></li><li><a href="#">Contacs me</a></li></ul></div>-----------------------------------------------------------------------------------------------
( Dalam pengeditan kode, kita hanya mengedit kode yang bertulis tebal saja)
EDIT MODE :
Membuat Single Menu :
Caranya?
Caranya?