Cara Membuat Menu zFP

   1. Masuk ke blog sobat masing-masing
   2. Buka Rancangan>>Pengaturan HTML 
   3. Beri tanda centang pada Expand Widget Templates
   4. Cari kode </body> agar lebih mudah mencarinya tekan ctrl + f

Copy kode di bawah ini di atas kode </body>

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">

Letakkan alamat, pesan text atau apapun sesuai selera anda.

</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 src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js' type='text/javascript'/>
<!-- zFPmenu END -->

Selanjutnya Save Template....
Nb : ganti kode yang warna merah sesuai keinginan sobat
(Sumber:  inimu.com)


Keterangan :

Menu
Ganti menu dengan menu sendiri.(tempat class="dir") atribut dalam(tag li) di mana Anda ingin menambahkan submenu

Setting/Variable

Anda dapat mengubah warna tema dan berbagi pengaturan tombol visibilitas.

• var zfpm_colorTheme = 'light';
  Set the color theme for the menu widget.
  Valid input: 'light' or 'dark'
• var zfpm_shareBox = 'no'
  Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.
  Valid input: 'yes' or 'no'

Setting Preview

Color theme:               Dark     Light
Show share box:          Yes       No

Reset All settings (reload page)

Complete Variabel List

• var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.
• var zfpm_customBackgroundImage = ''; valid input: full URL of an image.
• var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.
• var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
• var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.
• var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.
• var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.

Upper Box

Anda juga dapat menempatkan pesan teks, iklan, atau apa pun yang Anda suka di kotak div dengan zfpm_upperBox ID (diatas menu).

"Peringatan"

Script ini tidak desain untuk Internet Explorer 6 browser.
Sebaliknya, jika Anda menambahkan variabel zfpm_ieUpgradeMessage var = 'yes ', untuk script, ia akan menampilkan pesan pemberitahuan upgrade di bagian atas halaman (lihat screenshot di sini) untuk IE 6 pengguna.