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.