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
Berikut ini Langkah langkah tersebut :
1. Masuk ke blog anda masing-masing
2. Buka Rancangan>>Pengaturan
3. Cari kode </body>
4. Kemudia Copy Paste Code Tersebut tepat diatas </body>
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
Berikut ini Langkah langkah tersebut :
1. Masuk ke blog anda masing-masing
2. Buka Rancangan>>Pengaturan
3. Cari kode </body>
4. Kemudia Copy Paste Code Tersebut tepat diatas </body>
zFPmenu Code
<!-- 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 -->
Complete Variabel List
Untuk Setting Tampilan anda Punya :
- var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
- var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
- var zfpm_customBackgroundColor = ' '; pilihan: contoh:'#00FF00'.
- var zfpm_shareBox = 'yes'; pilihan: 'yes' atau 'no'.
- var zfpm_shareBoxPosition = 'right'; pilihan: 'left' atau 'right'.
- var zfpm_shareBoxCustomWidth = ' '; pilihan: contoh: '300'.
- var zfpm_waitForPageLoad = 'yes'; pilihan: 'yes' atau 'no'.
ganti kode yang warna Hijau sesuai keinginan anda
referensi : http://inimu.com/
Tidak ada komentar:
Posting Komentar