Cara membuat zFP menu diblog

Posted by

Assalamu'alaikum Wr Wb..
bagaimana kabar sobat blogger semua!? hhe, oke langsung aja ya sob..postigan saya kali ini yaitu cara membuat zFP menu, ada yang tau itu apa!? 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!!

<!-- 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://ultimate-03.uk.cm/blog/jquery.min.js"></script>
<script type="text/javascript" src="http://ultimate-03.uk.cm/blog/zfpmenu.js"></script>
<!-- zFPmenu END -->

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

Menu

Replace menu with your own menu. Place class="dir" attribute inside li tag where you want to add submenu.

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


Blog, Updated at: 17.40

1 komentar: