Bagi yang sudah tau apa itu zFPmenu, ya syukur alhamdulillah. Tapi bagi yang belum tau, aku kasih tau aja langsung. zFPmenu adalah custom menu yang dibuat oleh http://inimu.com yang bisa menampung link, sponsor, menu drop up, dan ada juga tombol untuk smooth back to top dan smooth back to down. Contoh gambarnya bisa kamu liat di atas post ini.
Caranya:
1. Masuk ke http://www.blogger.com/
2. Menuju ke "Template" > "Edit HTML"
3. Masukkan kode dibawah ini sebelum kode </body> (Tekan ctrl+f untuk pencarian cepat)
<!-- zFPmenu START --> <div id="zfpm_div" style="display:none;"> <div id="zfpm_upperBox"> Place ads, text message, or anything here. </div> <ul id="zfpm_ul"> <!-- Your menus start --> <li><a href="">YOUR MENU-1</a></li> <li class="dir"><a href="">YOUR MENU 2 (containing submenu)</a> <ul> <li class="dir"><a href="">YOUR SUBMENU 2.1 (containing sub-submenu)</a> <ul> <li><a href="">YOUR SUB-SUBMENU 2.1.1</a></li> <li><a href="">YOUR SUB-SUBMENU 2.1.2</a></li> </ul> </li> <li><a href="">YOUR SUBMENU 2.2</a></li> <li><a href="">YOUR SUBMENU 2.3</a></li> </ul> </li> <li><a href="">YOUR MENU 3</a></li> <!-- Your menus end --> </ul></div> <script type="text/javascript"> var zfpm_colorTheme = 'light' var zfpm_shareBox = 'no'; </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script> <!-- zFPmenu END -->4. Simpan template dan liat hasilnya
Untuk kejelasan lebih lanjut, masuk aja ke http://inimu.com/widget/zfpmenu/. Di situ sudah ada penjelasan yang sangat jelas sejelas-jelasnya #apa'an yah#.
Semoga bermanfaat.. :)
Hehehehehehe ternyata demonya di pakek di blog ini... :D
ReplyDelete