Welcome To My Blog Software And Tips Blog | Free Download Sofware, Tips And Trik Serta Artikel Menarik Lainnya. ==> 'Copas jika perlu' ==> Don't forget to leave your footproof and thank you for visiting,,, "I hope your day more beautiful than ever"

17 May 2011

Cara Membuat Menu zFP


   1. Masuk ke blog sobat masing-masing
   2. Buka Rancangan>>Pengaturan HTML 
   3. Beri tanda centang pada Expand Widget Templates
   4. Cari kode </body> agar lebih mudah mencarinya tekan ctrl + f

Copy kode di bawah ini di atas kode </body>

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">

Letakkan alamat, pesan text atau apapun sesuai selera anda.

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

Selanjutnya Save Template....
Nb : ganti kode yang warna merah sesuai keinginan sobat
(Sumber:  inimu.com)


Keterangan :

Menu
Ganti menu dengan menu sendiri.(tempat class="dir") atribut dalam(tag li) di mana Anda ingin menambahkan submenu

Setting/Variable

Anda dapat mengubah warna tema dan berbagi pengaturan tombol visibilitas.
  • var zfpm_colorTheme = 'light';
    Set the color theme for the menu widget.
    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'

Setting Preview
Color theme:               Dark     Light
Show share box:          Yes       No
  Reset All settings (reload page)

Complete Variabel List
  • var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.
  • var zfpm_customBackgroundImage = ''; valid input: full URL of an image.
  • var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.
  • var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
  • var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.
  • var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.
  • var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.

Upper Box

Anda juga dapat menempatkan pesan teks, iklan, atau apa pun yang Anda suka di kotak div dengan zfpm_upperBox ID (diatas menu).

"Peringatan"

Script ini tidak desain untuk Internet Explorer 6 browser.
Sebaliknya, jika Anda menambahkan variabel zfpm_ieUpgradeMessage var = 'yes ', untuk script, ia akan menampilkan pesan pemberitahuan upgrade di bagian atas halaman (lihat screenshot di sini) untuk IE 6 pengguna.
The answers from all of your search !

↓↓Baca Juga Artikel Terkait Lainnya↓↓

Loading

0 komentar:

Post a Comment

 
Photography Templates | Slideshow Software
Related Posts Plugin for WordPress, Blogger...