Assalamualaikum,
Kali ini saya berbagi trik atau tips untuk memberi sub menu pada menu di blog kita. Mungkin untuk beberapa kawan-kawan cara ini sudah lama, namun ada baiknya saya menulis ulang bagi kawan-kawan yang belum paham terkait hal ini. Selain itu cara ini juga bisa membantu saya , apabila saya lupa cara menambahkan sub menunya. Awalnya mungkin kita menebak bahwa sub menu ini hanya terdapat pada beberapa template tertentu. Ternyata pemikiran itu tidak sebenarnya salah dan benar, karena template bisa di atur di dalam 'edit HTML'.
Sekarang kita menuju caranya.
1. ubah sesuaikan setelan tab menu dan menu halaman yang akan ditampilkan, dimana caranya adalah seperti yang tampak pada gambar di bawah ini.
Keterangan : angka 1 menunjukkan 'tab atas' jangan pilih yang 'jangan ditampilkan'. Sedangkan angka 2 menunjukkan menu kita yang tidak memiliki sub menu.
2. Buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > centang pada ‘Expand Template Widget’ di bagian atas.
3. Cari kode ]]></b:skin> dan kemudian sisipkan kode CSS berikut ini tepat di ATASnya.
4. Cari kode <li><a mungkin anda akan menemukan 2 kode yang sama. Pastikan kode tersebut berkelanjutan seperti :
<li><a expr:href='data:link.href'><data:link.title/></a></li>
Perhatikan di bawah nya akan ada kode <b:/loop>
Copy dan paste kode di bawah ini, di BAWAH kode <b:/loop> tadi.
5. Simpan Template mu tadi. Lalu coba lihat blog, maka seharusnya akan ada tab bernama "Menu" di bagian atas blog anda beserta Sub Menu 1,2,3. Nah untuk mengganti nama "Menu" dan "Sub Menu 1" tadi, ganti tulisan "Menu" di pada kode <li><a href='#'>Menu</a> di atas dengan nama sesuka anda dan pada kode Sub Menu di atas. Jika anda menginginkan lebih dari 1 menu dengan sub menu, anda tinggal menambahkan kode di atas tadi di bawahnya.
Semoga artikel kali ini bermanfaat bagi kawan-kawan. Barakallahulaum wal ana.
Wassalamualaikum wr wb.
Thanks gan Artikel Yang sangat Membantu .
BalasHapushttp://wir4-had1.blogspot.com/
Komentar ini telah dihapus oleh pengarang.
BalasHapusartikelnya bermanfaat dan jelas banget gan,makasih banyak yah :D
BalasHapusoh iya, saya barusan follow blog agan.. jangan lupa di follow balik yah gan :)
kalau berkenan juga bisa Link Exchange (tukar link) :)
Ditunggu follbacknyaa..makasii
@Rahmat hidayat: Sama-sama :D
BalasHapus@Dyah Ayu R: Sama-sama, senang bisa membantu :D
it's helpful gan
BalasHapusmampir gan ke blog ane
http://acdmarket.blogspot.com/
makasih bermanfaat sekali
BalasHapusthanks gan
BalasHapusghghshs
BalasHapusmakasih bermanfaat sekali
BalasHapussaya tunggu kunjungan baliknya http://mulkiblog33.blogspot.com/
gan..
BalasHapusancur hasilnya...
http://prntscr.com/2ibb7v
aada saran..?
makasi banyak untuk tulisannya
BalasHapustetapi masih butuh bantuannya. Bagaimana cara posting di sub menunya?
BalasHapus2 jempol buat agan yg 1 ini....
BalasHapusMantap pisan pokona mah... hatur nuhun gan...
Ini hasilnya, tolong diperiksa ya gan :-D
www.readone76.blogspot.com
terimakasih gan
BalasHapusmantapps
triama ksh postingannya sangat membantu, pasti di lain waktu sya akan mampir lgiiii
BalasHapuscara mengisi sub menunya bagaimana ????
BalasHapusGa work gan... Ada cara lain ga?
BalasHapusIya neh.. kok ga work ya?
BalasHapuscara mengisi sub menunya gimana?
BalasHapusnice
BalasHapushttp://mungkinperluandaketahui.blogspot.co.id/
teng berat..... sukses slalu ya
BalasHapushttp://raashshifa.blogspot.co.id/
Makasih ilmunya
BalasHapusarigatou
BalasHapuslengan patah https://syaruni.blogspot.co.id/
BalasHapus