Cara Menambah Sub Menu Pada Menu di Blog - Menu pada sebuah blog memang sangatlah penting, untuk memudahkan pengunjung melihat dan memilih kriteria apa yang dicari dan di butuhkan, dan menu juga merupakan sebuah navigasi yang memang syarat yang harus ada dan dianjurkan oleh google adsense.
Cara Menambah Sub Menu Pada Menu di Blog
Pada menu sebuah template terkadang kita membutuhkan suatu peranakan dari menu utama tersebut atau biasa di sebut dengan submenu, nah hal ini lah kebanyakan dari template bawaan belum di fasilitasi.
Pada menu sebuah template terkadang kita membutuhkan suatu peranakan dari menu utama tersebut atau biasa di sebut dengan submenu, nah hal ini lah kebanyakan dari template bawaan belum di fasilitasi.
Cara Menambah Sub Menu Pada Menu di Blog
Ok sob, mungkin masih ada yang belum tahu bagaimana membuat submenu pada sebuah blog, mari kita bedah saja langsung permasalahan ini :)
Ok sob, mungkin masih ada yang belum tahu bagaimana membuat submenu pada sebuah blog, mari kita bedah saja langsung permasalahan ini :)
- Pertama-tama silakan masuk dulu ke dashboard blogger
- Pilih Template
- Lalu klik edit HTML
- klik sembarang lalu tekan Ctrl+F (untuk mempercepat pencarian)
- masukan nama menu yang mau dipasang submenu di kotak pencarian lalu enter
Jika sudah ketemu misal seperti di bawah ini kita mau menambah submenu pada menu hobby
<li> <ahref='http://tipsandtrick85.blogspot.co.id/search/label /Hobby'>Hobby</a>
</li>
Cara Menambah Sub Menu Pada Menu di Blog
untuk mempermudah dan mempercepat silakan sobat copy script html di bawah ini, lalu masukan sesudah kode </a> biar rapih di enter dulu
untuk mempermudah dan mempercepat silakan sobat copy script html di bawah ini, lalu masukan sesudah kode </a> biar rapih di enter dulu
<div class='sub-nav-wrapper'><ul class='sub-nav'>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Kicau%20Mania'>Kicau Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Mancing%20Mania'>Mancing Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Internet'>Internet</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Game'>Game</a></li>
</ul></div>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Kicau%20Mania'>Kicau Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Mancing%20Mania'>Mancing Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Internet'>Internet</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Game'>Game</a></li>
</ul></div>
Cara Menambah Sub Menu Pada Menu di Blog
Catatan :
- Silakan ganti yang berwarna merah dengan link nama label blog Sobat
- Lalu ganti yang Text berwarna kuning dengan sub-sub menu yang sobat inginkan.
Cara Menambah Sub Menu Pada Menu di Blog
Hasil Akhir
Hasil Akhir
<li> <ahref='http://tipsandtrick85.blogspot.co.id/search/label /Hobby'>Hobby</a>
<div class='sub-nav-wrapper'><ul class='sub-nav'>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Kicau%20Mania'>Kicau Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Mancing%20Mania'>Mancing Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Internet'>Internet</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Game'>Game</a></li>
</ul></div>
</li>
Jika sudah selesai Save Template, lalu lihat blog dan refresh
<div class='sub-nav-wrapper'><ul class='sub-nav'>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Kicau%20Mania'>Kicau Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Mancing%20Mania'>Mancing Mania</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Internet'>Internet</a></li>
<li><a href='http://tipsandtrick85.blogspot.co.id/search/label/Game'>Game</a></li>
</ul></div>
</li>
Jika sudah selesai Save Template, lalu lihat blog dan refresh
Sekian Tips kali ini selamat mencoba, semoga bermanfaat, salam blogger
ctrl+t ku waktu di enter gk mulcul e
ReplyDeletectrl+f kali om
DeleteSAYA MASIH KESUSAHAN MAS BELUM BISA BISA KASIH TUTORIALNYA LEWAT VIDEO :)
ReplyDelete