index

Sabtu, 23 April 2011

buat menu cantik di blog


image
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).
daripada berlama-lama baiknya lagsung try
  1. login
  2. masuk ke setting
  3. tambah gadget
  4. pilih html/jscript
  5. kopi kode dibawah ini
<!-- 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 –>
6. simpan
itu adalah coding – coding defaultnya. teman2 bisa juga
mengkastomisasi
sesuai selera.
contoh.
var zfpm_colorTheme = 'light/dark'; 
artinya warna temanya terang atau gelap. pilih salah satu saja
var zfpm_shareBox = 'no/yes'; 
artinya apakah ingin menampilkan kotak sharing ke jejaring sosial
seperti facebook , twitter dll.
var zfpm_customBackgroundImage = '';
menu ini juga bisa di beckground. tinggal masukkan urlnya saja.
var zfpm_shareBoxPosition = 'right/left';
menu ini letakknya dikiri atau di kanan. pilih salah satu saja.
var zfpm_shareBoxCustomWidth = '300';
menu ini lebarnya berapa yang kita inginkan. tinggal ganti angka
300 dengan angka lain.
demkianlah tutorial singkat ini. semoga berguna bagi teman2.
 
 
 
referensi
 

Tidak ada komentar:

Posting Komentar