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 .