zFPmenu
– Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget
‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai
keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, juga ada tombol share Twitter dan Facebook (bila diinginkan).
Cara untuk memasang zFP menu :Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, juga ada tombol share Twitter dan Facebook (bila diinginkan).
- Login dashboard , jika sudah
- Pilih Template → Edit HTML
- Centang Expand Template Widget
- Cari kode </body> , agar mudah mencari tekan (ctrl+f)
- Setelah itu Copas script di bawah ini di atas kode </body>
<!-- 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 -->
Menu
Ganti menu dengan menu Anda sendiri. tempat class="dir" atribut dalam li tag di mana Anda ingin menambahkan submenu.
Penyetelan / Variabel
Anda dapat mengubah tema warna dan bagian pengaturan tombol visibilitas.- var zfpm_colorTheme = 'light'; Mengatur warna tema untuk widget menu.
Bisa diganti : 'light' or 'dark'
Tampilkan 'Retweet' Twitter, 'Berbagi' Facebook, dan 'Seperti' tombol Facebook
(menggunakan widget Links Alpha) atau tidak.
Bisa diganti : 'yes' or 'no'
Daftar Variabel Lengkap
- var zfpm_colorTheme = 'light'; bisa diganti: 'dark' or 'light'.
- var zfpm_customBackgroundImage = ''; masukkan: 'URL gambar'.
- var zfpm_customBackgroundColor = ''; masukkan kode warna,contoh: '#ffffff'.
- var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
- var zfpm_shareBoxPosition = 'right'; bisa diganti: 'left' or 'right'.
- var zfpm_shareBoxCustomWidth = ''; lebar yang diinginkan,contoh: '300'.
- var zfpm_waitForPageLoad = 'yes'; bisa dirubah: 'yes' or 'no'.
Untuk selengkapnya bisa dilihat di sumbernya : http://inimu.com/widget/zfpmenu
- var zfpm_colorTheme = 'light'; bisa diganti: 'dark' or 'light'.
- var zfpm_customBackgroundImage = ''; masukkan: 'URL gambar'.
- var zfpm_customBackgroundColor = ''; masukkan kode warna,contoh: '#ffffff'.
- var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
- var zfpm_shareBoxPosition = 'right'; bisa diganti: 'left' or 'right'.
- var zfpm_shareBoxCustomWidth = ''; lebar yang diinginkan,contoh: '300'.
- var zfpm_waitForPageLoad = 'yes'; bisa dirubah: 'yes' or 'no'.
Untuk selengkapnya bisa dilihat di sumbernya : http://inimu.com/widget/zfpmenu