Sabtu, 17 Maret 2012

Cara Menambahkan Sub Menu di Menu Horizontal Blogspot

Cara Menambahkan Sub Menu di Menu Horizontal Blogspot

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, berikut caranya :

Pertama : Log in ke blogger.com

Kedua : ikuti langkah di tutorial cara membuat menu horizontal yang saya kasih sebelumnya.

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


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





  • About






  • setelah itu save dan selesai.

    nah sekian tutorial cara membuat sub menu di blog

    Tidak ada komentar:

    Poskan Komentar