Membuat Menu Blogspot edisi 4 Drop Down Navigation Menu

Menu Blogspot edisi 4  Drop Down Navigation Menu untuk screenshotnya lihat gambar dibawah ini :



Coding :
-------------------------------------------------------
<link href='https://sites.google.com/site/oyotcsscss/lemarioyotcss/styleoyoteds4.css' rel='stylesheet'/>

<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
Cara Memasang Coding Menu :
-------------------------------------------------------
Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget:

Kemudian pilih javascript

 Kemudian Akan Muncul Halaman Seperti ini :

Setelah itu Paste coding di atas ini pada content, contoh lihat gambar dibawah ini :

Kemudian Klick Save dan lihat Hasilnya

Share :

Facebook Google+ Twitter