Pada postingan kali ini ifah akan berbagi ilmu bagaimana cara untuk menu Dropdown atau yang bisa kalian lihat di blog ini yaitu menu yang ada di bagian atas yang terdiri dari Home,About,Profil dal lain sebagainya, nah mungkin dari temen-temen ada yang pengen tau bagaimana cara merubah atau menambah menunya. Nah berikut ifah akan memberikan sedikit tutorialnya ya memang harus sedikit bisa mengerti bahasa XML , yaitu bahasa yang digunakan untuk membuat template Blog itu sendiri. Daripada kelamaan yuk belajar bareng sama ifah yukkk.......
Yang pertama pastinya kalian harus masuk atau login di blog kalian masing-masing kemudian di bagian home blog kalian pilih menu option (tanda panah kecil) pada blog yang ingin kita rubah menu Dropdownnya lalu langsung aja ke klik pada menu template.
Nah kalau sudah kamu akan dibawa ke tampilan menu template, langsung saja klik tombol “edit HTML”
Nantinya kamu akan dibawa ke tampilan edit HTML online yang mungkin kalian yang baru pertama sedikit herman melihat bahasanya.. hihihihiihihi.... lihat gambar berikut ,
Sebelum memulai utak atik bagian ini saya sarankan untuk menyimpan terlebih dahulu template kalian karena ifah tidak bertanggung jawab kalau terjadi error dengan blog kalian.CAMKAN ITU......!
Sekarang untuk mulai merubah menu Dropdownnya klik dulu bagian lembar kerja editor HTML nya kemudian kalian cari script <body class='home blog'> atau untuk mempermudah pencarian cukup tekan “ctrl+f” trus paste scriptnya kemudian cari. Nah kalau sudah ketemu maka akan seperti ini
Perhatikan bagian yang saya block dibawah ini, maka dapat kalian lihat bahwa script Dropdown ini dimulai dengan </div> <ul> dan di akhiri pula dengan </ul></div>.
Untuk menu tanpa Sub menu maka dimulai dengan <li> dan di akhiri dengan </li> contoh : <li ><a href='#'>Download</a></li>.
Jika menunya memiliki sub menu maka diawali dengan <li> ,disisipkan dengan <ul dan di akhiri dengan </ul></li> contoh :
<li ><a href='#'>MENU</a>
<ul>
<li><a href='#'>SUB MENU 1</a></li>
<li><a href='#'>SUB MENU 2</a></li>
<li><a href='#'>SUB MENU 3</a></li>
<li><a href='#'>SUB MENU 4</a></li>
<li><a href='#'>DAN SETERUSNYA</a></li>
</ul></li>
Ket: Tanda pagar digati dengan alamat link yang di tuju.
Nah.. cukup mudah bukan ? silah dicoba dan jangan lupa di backup terlebih dulu datanya kalau ada yang error kan bisa di kembalikan lagi. Dan ifah ga bertanggunga jawab atas blog kalian apabila ada yang rusak.OK
SELAMAT MENCOBA......
