Cara Menambah Sub Menu Pada Menu di Blog - Menu pada sebuah blog memang sangatlah penting, untuk memudahkan pengunjung melihat dan menentukan kriteria apa yang dicari dan di butuhkan, dan sajian juga merupakan sebuah navigasi yang memang syarat yang harus ada dan dianjurkan oleh google adsense.
Cara Menambah Sub Menu Pada Menu di Blog
Pada sajian sebuah template terkadang kita membutuhkan suatu peranakan dari sajian utama tersebut atau biasa di sebut dengan submenu, nah hal ini lah kebanyakan dari template bawaan belum di fasilitasi.
Pada sajian sebuah template terkadang kita membutuhkan suatu peranakan dari sajian 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 menciptakan submenu pada sebuah blog, mari kita bedah saja pribadi permasalahan ini :)
Jika sudah ketemu misal menyerupai di bawah ini kita mau menambah submenu pada sajian hobby
<li> <ahref='http://tipsandtrick85.blogspot.co.id/search/label /Hobby'>Hobby</a>
</li>
Cara Menambah Sub Menu Pada Menu di Blog
Catatan :
- Pertama-tama silakan masuk dulu ke dashboard blogger
- Pilih Template
- Lalu klik edit HTML
- klik sembarang kemudian tekan Ctrl+F (untuk mempercepat pencarian)
- masukan nama sajian yang mau dipasang submenu di kotak pencarian kemudian enter
Jika sudah ketemu misal menyerupai di bawah ini kita mau menambah submenu pada sajian 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, kemudian masukan sehabis isyarat </a> biar rapih di enter dulu
untuk mempermudah dan mempercepat silakan sobat copy script html di bawah ini, kemudian masukan sehabis isyarat </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 sajian 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>
<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>
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 final Save Template, kemudian 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 final Save Template, kemudian lihat blog dan refresh
Sekian Tips kali ini selamat mencoba, semoga bermanfaat, salam blogger