Membuat Menu ZFP Pada Blog / 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).
ini caranya 
Log In ke akun Bloggermu.
Pilih Rancangan kemudian Edit Html, jangan lupa centang Expand template widget.
Selanjutanya cari kode </body> dengan menekan CTRL+F dan ketik </body>, dan tempatkan script berikut di ATAS kode </body> :

 <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>

kemudian tambah gadget, letakkan script di bawah ini setelah kamu edit sesuai keinginanmu

<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">Title Blog (judul blog)
</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>

Jika pada template blog sobat sudah ada script Jquery 1.4.2, Jquery 1.4.2 pada script ZFPMenu tidak perlu digunakan (dihapus saja).

Aturan Seting ZFPMenu :

  • var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
  • var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
  • var zfpm_customBackgroundColor = ' '; pilihan: contoh: '#999999'.
  • 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'.
silahkan diedit sendiri sesuai seleramu, :)

sumber :http://inimu.com/widget/zfpmenu/






Membuat Menu ZFP Pada Blog / ZFPMenu
Posted by: Risalahati Dedic Ahmad Updated at: 01:23
Membuat Menu ZFP Pada Blog / ZFPMenu RISALAHATI , By Risalahati, Published: 2012-04-08T01:23:00+07:00, Title: Membuat Menu ZFP Pada Blog / ZFPMenu, Rating5 of 8765432 reviews

No comments:

Post a Comment