Cara Membuat Menu Melayang Di Sudut Blog

Cara Membuat Menu Melayang Di Sudut Blog - Setelah posting Tutorial Slide Panel Dengan Jquer Dan CSS3, sekarang saya akan bagikan tutorial Cara Membuat Menu Melayang Di Sudut Blog. Tentunya anda mungkin sudah tahu apa yang dimaksud menu melayang.

Adapun Cara Membuat Menu Melayang Di Sudut Blog kali ini 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).

Tutorial Cara Membuat Menu Melayang Di Sudut Blog ini saya temukan dari TSC blog, bagi anda yang ingin memasangnya di blog anda, silahkan, ikuti langkah berikut.

Cara Membuat Menu Melayang Di Sudut Blog :

Letakkan kade berikut 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 class='dir'><a href='/'>YOUR MENU 1</a><ul><li class='dir'><a href='/'>YOUR SUBMENU 1.1</a><ul><li><a href='/'>YOUR SUB-SUBMENU 1.1.1</a></li><li><a href='/'>YOUR SUB-SUBMENU 1.1.2</a></li></ul></li><li><a href='/'>YOUR SUBMENU 1.2</a></li><li><a href='/'>YOUR SUBMENU 1.3</a></li></ul></li><li class='dir'><a href='/'>YOUR SUBMENU 2</a><ul><li class='dir'><a href='/'>YOUR SUBMENU 2.1</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><!-- Your menus end --></ul></div><script type='text/javascript'>var zfpm_colorTheme = &#39;dark&#39;var zfpm_shareBox = &#39;no&#39;;</script><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><script src='http://sagita-com.googlecode.com/svn/Menu-sudut.js' type='text/javascript'/><!-- zFPmenu END -->

Ket :
Ganti tulisan YOUR MENU, YOUR SUBMENU 2.1, dll dengan link-link yang ada pada blog Anda, contoh : 

<ul id='zfpm_ul'><!-- Your menus start --><li class='dir'><a href="http://www.sagitasoft.com/">Homepage</a><ul><li><a href='http://www.sagitasoft.com/2011/07/daftar-isi-sagita-com.html'>Daftar Isi</a></li></ul></li>

Setting/Variable.
Anda dapat mengubah tema warna dan berbagi pengaturan tombol visibilitas.

var zfpm_colorTheme = 'light';Mengatur warna tema untuk widget menu.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'

Sekian - Cara Membuat Menu Melayang Di Sudut Blog

Semoga Tutorial mengenai Cara Membuat Menu Melayang Di Sudut Blog ini bermanfaat dan selamat mencoba..