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, dan juga tombol share Twitter dan Facebook (bila diinginkan).
*
zFPmenu Code
Put this code into your web pages (before the closing</body>
tag):<!-- 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 -->
*
Usage/Configuration
Menu
Replace menu with your own menu. Placeclass="dir"
attribute inside li
tag where you want to add submenu.Setting/Variable
You can change the color theme and the share buttons visibility setting.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: | |
Show share box: |
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
You can also place text messages, advertisements, or whatever you like in thediv
box with the ID zfpm_upperBox
(above the menu).
Artikel Terkait di Bawah posting
Blogger
- Kamus Nama bagus
- Efek Box Gelap Terang Menggunakan Opacity Effect dan CSS3 Transition
- Merubah Lebar Template Blog
- Cara Membuat New Recent Comment dengan Scroll Down di Blogspot
- Cara Memasang Yahoo Messenger Di Blogger
- Cara membuat browser bergetar saat klik kanan
- Cara Membuat Sitemap di Blogspot
- Membuat Widget Agar Selalu Tetep Berada Di Kiri,Kanan,Dll
- Cara Pasang Buku Tamu Facebook di Blog
- Tips Cara Pasang Status / ikon YM (yahoo messenger) di blog/web/friendster !
- Mengganti Tulisan Newer Post Older Post Dengan Gambar
- Cara Membuat Vertical Sliding Info Panel With jQuery
- Memasang Radio Online atau MP3 di Blog
- SEXY BOOKMARKS V2 FOR BLOGGER
- Show Comment Bubble at Top Right of each Blogger Posts
- Automatic Read More with Thumbnail for Blogger
- Social Bookmarking Widget for Blogger with auto scrolling function
- CARA MEMBUAT EXPLORER D-TREE...
- Cara Pasang Tag Meta Robot Blogspot
- Cara Membuat Drop Caps Otomatis di Posting Blog
- Koleksi banner blog dofollow
- Cara mengecek kecepatan Blog
- Membuat Link Terbuka Pada Halaman Baru
- Memasang Feedjit Pada Blogger
- Membuat Gradient Effect dengan CSS
Tips N Triks
- Tips & Trik Jumper | Teknik Jumper Keypad Handphone
- Blackberry Software Solution By Kenny ic3
- Tips mempertahankan baterai laptop agar bertahan lama I Battery Care | Hausgame software center
- cara menggabungkan dan memotong video
- membuat poster animasi gokil abis dengan photobie
- Pengalaman membasmi virus shortcut, W32 Ramnit
- Perbaiki Safe Mode bermasalah dengan Safe Mode Fixer
- BlackBerry 8520 Curve usb solution
- Nokia E63 E71 E72 SMPS Jumper
- Hardware pack For Nokia X6 16GB Latest Software
- Nokia x6 16gb hardware solution
- Nokia X5 Hardwere Solution One Exe
- Nokia x5
- Nokia X6 32GB solution
- Nokia C1-00 All Hardware Latest Solution Pack
- Nokia X2 Soution
- x6 Nokia ALL UseFull Hardware Repair Solution Pack
- Nokia X3 all Hardware Tested Solution
- NOKIA x6 All Solution Here (Setup File v-4)
- Nokia X5 All Hardware Latest Solution
- Nokia X7-00 charging way
- Nokia E 71 Hardware Solution
- Nokia 1616 Display
- nokiaE7-00 power key way
- Nokia C,E,N,X series All hardware solution exe
0 komentar:
Posting Komentar