Saturday 7 April 2012

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 , sebelumnya sobat ikuti dulu langkah cara membuat menu horizontal yang ada di Bagong Kewez .
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 :


setelah itu save dan selesai.

nah sekilan dari Bagong Kewez semoga bermanfaat

Artikel Terkait

Bijaklah dalam berkomentar
EmoticonEmoticon