Cara Menambahkan Sub Menu di Menu Horizontal

bagaimana? sudah ? kalau sudah kita lanjut ke cara menambahkan sub menunya, 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

• Facebook
• Twiter

setelah itu save dan selesai.