Friday, September 7, 2012

on 1 comment

Membuat zFPmenu pada Blog

Hai para blogger sekalian, jumpa lagi bersama saya fanny7xdism di blog kesayangan anda #sssttt... loe kira ini pelajaran reporter apa fan? :D#. Hehehe.. Jadi kebawa suasana gara-gara pelajaran Bahasa Indonesia kemaren yang materi reporter. Sudah ah curcol nya. Sekarang langsung menuju materi post kali ini aja ya. Seperti yang sudah kamu baca di judul post kali ini, "Membuat zFPmenu pada Blog".
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.. :)

1 comment: