Untuk cara menambahkan sub menu di blogspot tidak lah sulit sebenarnya sobat semua . ini saya posting karena ada beberapa yang bertanya bagaimana cara cepat dan mudah menambahkan atau membuat sub menu di blog , dimana sebelumnya saya sudah jelaskan cara membuat menu dropdown. nah , sekarang saya akan tunjukkan bagaimana caranya untuk membuat sub menu di blog , sebelumnya sobat ikuti dulu langkah cara membuat menu horizontal yang ada di Bayoo Blog .
bagaimana? sudah ? kalau sudah kita lanjut ke cara menambahkan sub menunya, berikut caranya :
- Log in ke blogger.com
- ikuti langkah di tutorial cara membuat menu horizontal yang saya kasih sebelumnya.
- Perhatikan kode yang seperti ini yang ada di tutorial menu horizontal tersebut :
<div class='pagemenu-container'> <div id='pagemenu'> <ul> <li class='page_item home'><a href='http://www.berryhs.com/' title='Home'>Home</a></li> <li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a></li> <li class='page_item page-item-3'><a href='http://www.blogger.com/profile/16474552668039271355' title='Contact Us'>Contact</a></li><li class='page_item page-item-4'><a href='http://www.berryhs.com/2011/10/daftar-isi.html' title='Daftar Isi'>Daftar Isi</a></li><li class='page_item page-item-5'><a href='http://www.berryhs.com/2011/12/belajar-blog-dari-awal.html' title='Belajar Blog'>Blog</a></li></ul></div> </div> <div id='content-wrapper'>
misal sobat mau menambahkan sub menu di bagian about , jadi di kode yang seperti dibawah ini
nanti kira kira akan menjadi sub menunya seperti ini :
About
<li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a></li>
sobat tambahkan jadi seperti ini :
<li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a>
<ul class='About Me'>
<li><a href='http://www.facebook.com/berryhardisakha'>Facebook</a></li>
<li><a href='http://twitter.com/#!/berryhardisakha'>Twiter</a></li>
</ul>
</li>
nanti kira kira akan menjadi sub menunya seperti ini :
setelah itu save dan selesai.
Sekian tutorial cara membuat sub menu di blog, semoga ini bisa bermanfaat untuk sobat semua.
Tidak ada komentar:
Posting Komentar