zFPmenu
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. Place class="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 the div box with the ID zfpm_upperBox (above the menu).
*
Warning
This script is not design for Internet Explorer 6 browser.
Instead, if you add a variable var zfpm_ieUpgradeMessage = 'yes'; to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users.
.
wah bagus sekali ini. thanks ya
wah thanks mas… bagus banget.. tp gimana ya caranya nambahin menu kayak Artikel Terbaru yang ad di zFPmenu dan menu yg di @Inimu.com.
maklum masih newbie mas… mhon bantuannya ya.. 🙂
Menu Artikel Terbaru itu agak pake hack sedikit 🙂
Ambil script dari feedburner, di bagian Publicize => BuzzBoost.
Trus pasang sbg menu, spt ini:
<li class="box"> <a target="_blank" href="http://feeds.feedburner.com/Inimucom">Artikel Terbaru</a> <ul> <li> <div style="width:300px; height:400px; overflow:auto;"> <style>span.headline{font-weight:bold;}</style> <script src="http://feeds.feedburner.com/Inimucom?format=sigpro" type="text/javascript"></script> </div> </li> </ul> </li>Kalo mau langsung pake contoh itu juga bisa, tinggal ganti aja tulisan
Inimucomdgn nama alamat RSS feedburner kamu..
Akhirnya dibikin juga tutorialnya
zFPmenu, namanya harus dipatenin nih 8)
Terimakasih untuk bisa berbagi…
heeelp…. 😮
koq sub menu nya ga muncul jg….. 😥
di sini http://www.teenagerx.co.cc
🙄
pasang kodenya udah bener blom?
<li class="dir"><a href="http://example.com">menu</a> <ul> <li><a href="http://example.com">SUB-MENU-1</a></li> <li><a href="http://example.com">SUB-MENU-2</a></li> <li><a href="http://example.com">SUB-MENU-3</a></li> </ul> </li>.
yeaaahhh… udah bisa mas…. wkwkwkk… tengkyuu….
code sebelumnya yg ga bisa tu saya copy dr artikel ini….
coba lihat code ini…
YOUR MENU 2 (containing submenu)makanya submenunya ga muncul….
ato emg sya yg salah??
tes bro 😛 😳
tes lagi neeehh 😀 😆 8) 😉
hahahah.. 😀
tengkyu bnget dah ma widget nya… bisa di customisasi sndiri… tapi dah ngungsi nee… ke sini Mampir2 dunk ^^ 😀 😉
but inimu makin keren aja ne…
oalah… salah.. 😳 😳
mas ,ajarin donk gimana caranya buat broser&tools sperti punya mas . .wah bagus banget smua siitusnya jd satu cbox jg ada tukh ajarin donk ,replay di email ku ya .thnks 😥
mas saya masang menu tersebut diblog saya. kalo menggunakan exploler sub menu bisa tampil tapi kalo make mozilla atau opera kok ndak bisa tampil ya submenunya. tks infonya. 😮 😥
mas ko nambahin tombol close di upperBox na gimana? tanks ilmu namas
Di dalam upperBox, misalnya diisi spot iklan seperti ini:
<div id="spotIklan" style="width:470px;"> <!-- Isi iklan mulai --> Isi iklan <!-- Isi iklan selesai --> <a onclick="document.getElementById('spotIklan').style.display='none';" title="Close" href="javascript:void(0);" style="position:absolute; right:-7px; top:-8px; color:#fff; background-color:#333; border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px; opacity:0.75; filter:alpha(opacity=75); text-decoration:none; font-size:13px; line-height:14px; font-weight:bold; margin:0; padding:0; width:16px; height:16px;"><span style="position:relative; bottom:2px;">x</span></a> </div>.
Kakak makasih Code nya ..
wah Jadi tambah menarik Blog / web saya dengan ada nya code widget ini kakak ..
makasih banyak
mas klo mau ope link ke halaman sesuka kita caranya gimana?
Thanks banget atas widget nya sob,,, V’ teks nya bisa di letakkan di bwah menu g’ sob,, coz q mw buat teks news N’ posisi tepatnya menurut q t di bawah menu2,,, ni dia blog q sob http://www.syahrulhadi.blogspot.com
untuk sementara teks nya q biarin aja di atas dulu,,,, mohon bantuannya segera ya sob,,, sekali lagi thanks bnget atas tutorialnya,,,, 8)
wah bagus banget mas,,,widget nya… 😉
mass, itu menunya bisa ditaruh samping ngga ???
cos di blog saya dibawah uda ada wibya toolbarnya !!!
tolong pencerahannya
mas, kok saya ga muncul-muncul..
padahal udah saya coba berkali-kali..
mantab sob, kalau ada yang tanya buka blog ane aja…
follow ya??
bang di blog ane kug g bsa knapa ya gan???
Gan, cara menaruh kotaknya berada di kira gimana ?
thanx bgetz
utk smentara blm bisa
.
kalo cssnya di ganti bgmn gan.. cos warna ane mau revisi nih biar mecing gt sm template ane gan, mohon maaf sblmnya n makasih dah share,…
bagus,,,,,,,,,,.. 😛 😛
cara mau masukkin link nya gmn?
misalnya nulis twitter lalu ketika di click kebuka tab baru twitter
tinggal di tambahin
target=’_blank’
cth : alamat
blognya bagus banget…. mampir ke blog q ya,,
Om, ko’ aku pasang di blog ku, jquery slidshow yg di header malah ga muncul??
apa beda versi jquerynya berpengaruh???
gmna nih??
cara mengubah warna tulisan di blog saya gmna? N’ Cara meletakkan tulisan di tengah gmna? tulisan yg Berikan Sedikit Komentar Buat Kemajuan BLOG ini
di sini http://www.style7.co.tv/ mohon bantuannya
atas prhatiannya Trims
saya tidak bisa memasang gadget ini karena rumit!
rumit gimana neh?? 😯 ❓
Mas thanks dh bagi ilmunya
ni box bsa dpindah di atas blog g????
klu bsa tolong dibantu, mungkin nambah scrip apa gtu????
blas secepatnya y klu bsa
sebelumna makasih,
di email saya jg bleh
hehehehehe 😀
Bisa aja, tapi nanti submenu nya jadi kacau.
Coba aja pasang kode ini:
<style> #zfpm_div { bottom:auto !important; top:7px !important; } </style>.
om spot untuk iklan dan tombol closenya tidak berfungsi.. tolong update om.. masa iklannya ga bisa di close.. 😀 terimakasih..
lihat komentar no. 8 gan
.
iya gan tetap ga bisa gan gua coba.. , jadi ga bisa di close iklannya.. tombol closenya ga berfungsi 😀 update ya thanks 🙂
Mantep gann…
Ijin Share yaa gan… link sumber pasti ditancap 😀
sebenarnya gw mau cari cara membuat tombol like facebook, Eh….. malah nemuin cara membuat menu zFP, keren gan!!! lihat di blog ku ni Baca Manga Indonesia
sob mau tny? 🙄
gimana caraya gnt misal blog bebas thu br klik msuk ke blog bebas..
mohon pencerahanya sob… thanx 😀
var zfpm_customBackgroundImage = ”; valid input: full URL of an image.????
<< gag ngrt help 🙄 😥
mas kalo di wordpress kodenya di taruh di mn ?? soalnya saya taruh di tag ga muncul muncul ??
ijin sedot mas bro
😳
gan, kok kalo dipake HORIZONTAL MENU yang schildrennya gak muncul? gimana nih?
menu yang di atas tuh. coba buka blog saya, periksa deh 🙂
Mas.. mau nanya, kalau mau ditambahin kolom search gimana ya..
soalnya di blog ku ga ada kolom searchnya
dan kalau nambahin script kaya gitu disisipinnya di sebelah mana ya ? thanks..
😥 🙄 klo d pasang di atas bisag y??
ijin nyoba mas 🙂
keren boss, izin tester nih.. 😀
Tq Mas …
udah q pasang di blog aq
thks gan atas skriptx..izin copas gan…dan izin share artikelx pada blogku.. 😉 😯
Thanks you so much.. 😉 😉 😉
matur nuwun sanget 😉
mantab gan…izin copas y..
tidak lupa saya sertakan sumbernya http://inimu.com/wp-includes/images/smilies/icon_smile.gif
bro..kalau untuk WORDPRESS gimana cara pasangnya?…
thanks.. 🙄
kalo mau pasang di wordpress gimana caranya gan ❓ ❓
thx gan…..
lgsg gw pasang…. 😀
Maaf gan mau nanya, bikin sub-menu kaya punya agan yg “Ocehan Hari Ini” itu gmn biar box nya ga keluar dari batas halaman blog kita?
Soalnya kemarin aku coba, box nya kesamping keluar dari batas halaman blog kita.
Lihat disini dan ATPA soft
Akhirnya berhasil juga blog ane di pasang begituan gaN,, Thanks yah 8)
➡ ::: Download software :: Download game :: Blog tutorial :: IPTEK :::
mas, ijin praktek sedot ya 😉
and setelah aq pake, tampilannya sich bagus banget 😛 tapi aq ga bisa nge-link-kan ke yg bersangkutan 😥 , maklum newbie 🙁 , silahkan cek ke http://setyawansaja.blogspot.com makasih… 😳
widgetnya sangat menarik. 😉
yang jadi pertanyaan, bisa gak posisinya widget’nya itu berada di kiri atas. kalo bisa, code’nya apa?
rencananya, kalo emang bisa, mau aku pasang di website komunitasku 😆 tentunya, credit tetap aku utamakan 🙂
bro ane mau tanya nih,,biar menunya itu bisa di klik jadi link gmana ya,soalnya pas ane sedot trus paste.ane klik salah satu contoh menunya,eehh g da apa apanya,,,sory msh pemula banget, 😆 ,
maju trus pkoke bwad inimu.com
terima kasih atas infonya.
langsung saya praktekin nih 💡
mantab bozzzz…………..appnya saya pakai……….. 😀
makasih mas tutorialnya . . .
saya coba praktekin dulu . . . 🙄 😀
admin if we want to hide it and then want to see
is there any option
Mantap gan… Berbagi Hacking, Tweaking, Source Code, Software, Game, Tips n Trick, dll
izin coba gan……………
mohon panduanya ya
orang baru soalnya
Nice Share , Visit Back gan.
Salam kenal Bro, mau nanya soal hostingan zfpmenu.js,kira2 bisa nggak klo kita mau costum sendiri,soalnya sudah tak coba tapi malah ilang tuch menu,aq coba hosting di google code. soalnya aq mau custom itu gambar [http://inimu.com/0-etc/zfpmenu/img/info.png] 😐
bang kalau mau taruh di sebelah kiri kodenya apa ya ?
kalo masang itu di WP gimana mas?? 8)
thank you berat bang …. saudara-saudara …. maen-maen ya ke blog ku.. ➡
Mantab nih… thanks berat 😉
Good evening.
Congratulations on your website. I love it because it’s simple, clean and concise.
Also very good is the “zFP menu” and if possible I would like to tell me how can I do to appear at the top of the page.
Thanks in advance
Kalompiris Kosmas
Nurnberg
Germany
😛
hmmmm senangnx q hari nie………..
bagus sekali sob,,,
thx nih bro,,Saya mau promosiin web,a nih,,coz,a temen Saya pada nanya cara bikin zfp menu,,daripada Saya eang bingung mending kasih alamat web,a sii masbro aja dah,,hehe,,
wow, bagus banget om sangat menarik…
tnx for admin20
Nice, om..
bisa buat referensi inih…
🙂
ijin nyimax 😉 sob ga mudeng kode script 🙄
Waah, thanks gan buat menunya … (y)
Izin share di blog saya yah 😆
Thanks gan, udah di pasang di website kami,
sukses gan 😉 😉 😉
thanks gaannnnnn 😛 😛
thankz bget sobat uda berbagi, sangat bermanfaat,, 😉
makasih scriptnya , moga ilmunya makin bertambah, izin yah memakainya . 🙂 🙂 🙂
Mas supaya bisa berdampingan list-nya seperti punya Mas =>Perihal | Kontak Perihal
|
Kontak <=
Begitu Mas, tolong Mas di jawab, saya butuh banget soalnya hehe 😀 sebelumnya terimakasih 🙂
Mas supaya bisa berdampingan list-nya seperti punya Mas =>Perihal | Kontak Perihal
|
Kontak <=
Begitu Mas, tolong Mas di jawab, saya butuh banget soalnya hehe 😀 sebelumnya terimakasih 🙂
Mas supaya bisa berdampingan list-nya seperti punya Mas =>Perihal | Kontak. Tolong Mas di jawab, saya butuh banget soalnya hehe 😀 sebelumnya terimakasih 🙂
cara mindahin menu nya kekiri gimana? 😯 😯 😯 😯 😯 ❓ ❓ ❓ ❓
Min kalo mau setting ditengah gimana ya? Thank you before 8)
Awesome 8) like it
simple tapi sangat keren. 8)
om saya sudah coba hasilnya memuaskan sekali
tp saya bingung caranya bagaimana ya agar posisinya yang sebelah kanan dirubah menjadi berada di tengah
terimakasih sebelumnya
lebi puas
terima kasih infonya gan
Download Cheat Games Gratis: http://www.erchima.net
puas banget dengan informasi yang di bagikan ini