Kamis, 25 Maret 1999

Menu navigasi sangatlah penting untuk sebuah website atau blog karna dengan adanya menu navigasi maka pengunjung bisa dengan mudah menjelajahi isi blog kamu. Pada postingan kali ini saya akan membahas tentang membuat menu navigasi melayang di blog , jadi nanti menu navigasi ini akan melayang di pojok bawah blog kamu. Menu navigasi ini dibuat oleh inimu.com

Didalam menu ini sudah terdapat tombol navigasi scroll to top/bottom (scroll ke bagian atas dan bagian bawah web) menu ini juga diberi sentuhan jQuery pastinya menu ini akan sangat menarik jika dipasang di blog kamu.



Kalau kamu tertarik dengan menu navigasi ini silakan ikuti tutorial di bawah ini : 

1. Login ke blogger pilih Rancangan => Edit HTML
2. Cari kode ini

</body>

Kalau sudah ketemu copy kode di bawah ini dan paste tepat di atas kode no 2

<!-- 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="LINK MENU">YOUR MENU-1</a></li>
<li class="dir"><a href="LINK MENU">YOUR MENU 2 (containing submenu)</a>
<ul>
<li class="dir"><a href="LINK MENU">YOUR SUBMENU 2.1 (containing sub-submenu)</a>
<ul>
<li><a href="LINK MENU">YOUR SUB-SUBMENU 2.1.1</a></li>
<li><a href="LINK MENU">YOUR SUB-SUBMENU 2.1.2</a></li>
</ul>
</li>
<li><a href="LINK MENU">YOUR SUBMENU 2.2</a></li>
<li><a href="LINK MENU">YOUR SUBMENU 2.3</a></li>
</ul>
</li>
<li><a href="LINK MENU">YOUR MENU 3</a></li>
<!-- Your menus end -->


</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js' type='text/javascript'/>
<!-- zFPmenu END -->

Kembali saya sadur dari :

0 komentar:

Poskan Komentar