Minggu, 03 Juli 2011

Cara membuat zFP menu di Blog

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
Berikut ini Langkah langkah tersebut :
1. Masuk ke blog anda masing-masing
2. Buka Rancangan>>Pengaturan
3. Cari kode </body>
4. Kemudia Copy Paste Code Tersebut tepat diatas </body>

     zFPmenu Code

<!-- 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 -->
Complete Variabel List
Untuk Setting Tampilan anda Punya :

  • var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
  • var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
  • var zfpm_customBackgroundColor = ' '; pilihan: contoh:'#00FF00'.
  • 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'.
ganti kode yang warna Hijau sesuai keinginan anda

referensi : http://inimu.com/

Tidak ada komentar:

Posting Komentar