menu dropdown header blog



ini adalah contoh menu dropdown header blog. mari ikuti langkah-langkah dibawah ini :

   



  1. Ke dasbor blogspot anda.
  2. Klik rancangan >> Edit HTML
  3. Cari kode seperti ini  </head>  taruh kode script dibawah ini tepat diatas kode </head>

    <link rel="stylesheet" type="text/css" href="http://dsai.588.googlepages.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://dsai.588.googlepages.com/slidemenu_horiz.js"></script>
  4. Simpan template
  5. Klik  Elemen Laman >> tambah Getgat
  6. pilih add  HTML/java script selanjutnya copy dan pastekan kode dibawah ini 

    <div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="http://www.dynamicdrive.com">Item 1</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://toturialbkog.blogspot.com">Blogger Help</a></li> </ul> <br style="clear: left" /> </div>   
  7. Simpan dan posisikan dibawah header atau diatasnya sesuai keinginan anda.
catatan   :   Ganti <a href="#">  href="#" dengan alamat URL yang anda inginkan .

2 komentar:

Darmawan Saputra mengatakan...

Terima kasih atas artikelnya.

sepertinya anda berbakat untuk urusan membuat postingan yang ini, jujur saja kamu punya kelebihan tersendiri, dan saya akan berkunjung lagi bila ada waktu.



#Semoga sehat selalu :D

Admin mengatakan...

tanks,,,god luck gun...

Posting Komentar

Next Prev