Kolom Tutorial: Cara membuat zFP menu

oke, kalau kagak tau ane kasih tahu,, hhe (sok tahu) zFP menu adalah menu yang sama kayak punya saya, yang di pojok bawah kiri, tahu kan!? siipthh, bagus kan!? cara buatnya yaitu..

   1. Masuk ke blog sobat masing-masing
   2. Buka Rancangan>>Pengaturan HTML
   3. Cari kode </body>

copy kode ini di atas kode tadi ya!!


<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">

Place ads, text message, or anything here.

</div>
<ul id="zfpm_ul">

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


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


langkah selanjutnya yaitu Simpan dehh...
Nb : ganti kode yang warna merah sesuai keinginan sobat (menu ini ane dapatkan dari inimu.com)
Keterangan :

Setting/Variable

You can change the color theme and the share buttons visibility setting.

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:
Show share box:

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

You can also place text messages, advertisements, or whatever you like in the div box with the ID zfpm_upperBox (above the menu).

Warning

This script is not design for Internet Explorer 6 browser.
Instead, if you add a variable var zfpm_ieUpgradeMessage = 'yes'; to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users.

Source: Cara membuat zFP menu http://www.zas-xp.com/2011/05/cara-buat-zfp-menu.html#ixzz1ZbSpFwb3
Under Creative Commons License: Attribution

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, ZAS-XP rekomendasikan anda belajar di sini «« Ayo di klik biar situsnya keluar