Cara Buat Menu Melayang Di Sudut Blog

Menu Melayang Di Sudut Blog 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).





Code Menu Melayang :

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'

sumber : tutorial sagita