Cara Membuat Multi Drop Down Menu CSS Pada Blog

Cara Membuat Multi Drop Down Menu CSS Pada Blog - Hai semua gan, lama gak mosting ni sorry ya. Kali ini gue akan post Tutorial Blog yaitu Cara Membuat Multi Drop Down Menu CSS Pada Blog. Bagi agan yang ingin memasang menu Drop Down pada Blog agan sangat pas agan mengunjungi post ini Cara Membuat Multi Drop Down Menu CSS Pada Blog. Menu Dropdown kali ini sudah dilengkapi Sub Item dari Sub Item pada menu, gak ngerti ya? Hehe lihat aja Image diatas. Ok gan silahkan ikuti Tutorial Blog Cara Membuat Multi Drop Down Menu CSS Pada Blog.

Tutorial:

• Login ke Blogger.
• Masuk ke dashboard.
• Lalu pilih Template, dan klik Edit HTML.
• Cari code "</head>" tanpa tanda petik. (Agar lebih mudah, klik Ctrl+F)
• Jika sudah ketemu, copy dan paste code dibawah ini tepat diatas code "</head>".
<link rel="stylesheet" type="text/css" href="http://mydatanest.com/............/slidemenu_hori.css" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://mydatanest.com/.............../slidemenu_horiz.js"></script>
• Lalu klik Simpan Template.
• Lalu pergi ke Tata Letak, lalu klik tambah gadget.
• Pilih HTML/Javascript, dan copy paste code di bawah ini.


<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://URLBLOGAGAN">Home</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://kirizaki13.blogspot.com">Blogger Help</a></li>
</ul>
<br style="clear: left" />
</div>
• Lalu klik Simpan.
• Lalu drag Widget tersebut ke atas Widget post.

Note:

1. Tulisan berwarna biru ubah dengan nama label, atau nama menu yang akan dipasang.
2. Tanda #, ubah menjadi link label yang akan dituju, atau link ke website lain.
3. Hanya didukung beberapa template Blog.

Demikian post hari ini dengan judul - Cara Membuat Multi Drop Down Menu CSS Pada Blog - semoga bermanfaat.

#Cara Membuat Multi Drop Down Menu CSS Pada Blog

Description: Cara Membuat Multi Drop Down Menu CSS Pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Multi Drop Down Menu CSS Pada Blog
Suka Dengan Artikel Ini ?

Agan baru saja membaca artikel yang berkategori Tutorial Blog dengan judul "Cara Membuat Multi Drop Down Menu CSS Pada Blog".Dan jangan lupa ya!!, Agan bisa bookmark halaman ini dengan URL https://kirizaki13.blogspot.com/2013/07/cara-membuat-multi-drop-down-menu-css-pada-blog.html.

Terima Kasih sudah Berkunjung!