Rabu, 24 Oktober 2012

Tutorial membuat Submenu di Blogger





pertama pilih Menu Template, kemudian klik menu "edit HTML"



















Kemudian pada popup selanjutnya klik "Proceed"


 




Setelah itu centang tanda di menu "expand widget templates"

kemudian copy kan kode dibawah ini tepat dibawah tulisan
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>

copy text ini yang ini

<li><a href='#'>Home</a></li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Market%20%2F%20Store'>Market / Store</a>
<ul id='sub-custom-nav'>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Accessories'>Accessories</a></li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Notebook%20%2F%20Netbook'>Notebook / Netbook</a></li>
</ul>
</li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Software'>Software</a>
<ul id='sub-custom-nav'>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Antivirus'>Antivirus</a></li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Audio%20%2F%20Video'>Audio / Video</a></li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Internet'>Internet</a></li>
<li><a href='http://radicreativestudio.blogspot.com/search/label/Office'>Office</a></li>




keterangan :
warna merah = Menu
warna pink = Sub Menu
warna biru = alamat link dari menu / sub menu


Setelah semua selesai silahkan tekan save ,..

Hasilnya akan seperti gambar dibawah ini ..





Tidak ada komentar:

Posting Komentar

Choose Label

Blogumulus by Roy Tanck and Amanda Fazani