Home » » Cara Menambah Sub Menu Pada Menu di Blog

Cara Menambah Sub Menu Pada Menu di Blog

Posted by tipsandtrick85

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

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.

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 :)
  • 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
Cara Menambah Sub Menu Pada Menu di Blog
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


         <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>

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 
<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

Sekian Tips kali ini selamat mencoba, semoga bermanfaat, salam blogger


3 komentar:

Popular Posts