Cari Blog Ini

Memuat...

Kamis, 04 Juli 2013

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.
Description: Cara Membuat Multi Drop Down Menu CSS Pada Blog Rating: 4.5 Reviewer: Dwiky Putra - ItemReviewed: Cara Membuat Multi Drop Down Menu CSS Pada Blog
Suka Dengan Artikel Ini ?

Poskan Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

ATTENTION
1. Komentar SPAM atau yang mengandung unsur porno atau kata kata kasar akan dihapus segera setelah saya review.
2. Dilarang promosi blog atau barang dagangan.
3. Silahkan klik Like untuk Blog ini, agar blog ini tetap bisa berkarya.
4. Dilarang menyertakan link aktif karena blog ini, kecuali untuk yang hal penting saja.
5. Jika ingin menyertakan Link Blog, lebih baik melakukan Link Exchange dengan Blog.
6. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
7. Dilarang menshare ulang/copas artikel tanpa persetujuan dari saya.
8. Untuk pertanyaan diluar artikel, bisa Contact Me melalui Facebook atau E-mail.

 
 
Copyright © 2013. Kirizaki Blog - All Rights Reserved
Design by Luhur Muhammad Fatah | Powered By Blogger.com