Wednesday, June 13, 2012

Cara Memasang ZFP Menu Pada Blog


Selamat Siang Blogger. Walau cuaca cukup panas sekarang tapi saya sempatkan untuk posting kali ini. Ya, kita akan membahas " Cara memasang ZFP Menu Pada Blog ". ZFP Menu merupakan Tombol Navigasi untuk blog. Oke, tanpa basa basi, langsung kita praktekkan :

Tutorial :
- Masuk ke Akun Blogger
- Masuk menu Template, kalo perlu templatenya disalin dulu , supaya bisa jaga-jaga kalo salah
- Beri Centang di Expand Template Widget
- Cari kode </body> (CTRL + F)
- Copas Script dibawah ini diatas kode </body>

<!-- zFPmenu START by: Oto Website-->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">Title Blog (judul blog)
</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 by: Oto Website-->

-Simpan Template

Keterangan :
Jika pada template blog sobat sudah terpasang script Jquery 1.4.2, maka sobat tidak perlu memasangnya lagi, dan tinggal menghapus kode Jquery tersebut yang bewarna biru

Aturan Seting ZFP Menu :

  • var zfpm_colorTheme = 'light'; pilihan: 'dark' atau 'light'.
  • var zfpm_customBackgroundImage = ' '; pilihan : full URL of an image.
  • var zfpm_customBackgroundColor = ' '; pilihan: contoh: '#999999'.
  • 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'.

Pemasangan menu:

  • Ganti teks warna hijau dengan nama menu.
  • Ganti warna mera (#) dengan url/link tujuan

Sekian Postingan dari saya. Semoga Bermanfaat ^_^

Special Thanks To : ALLAH SWT
Credit By : Otowebsite
Editor By : Ferd Cyberz
thumbnail
Title: Cara Memasang ZFP Menu Pada Blog
Posted by

Related post Blog Tutorial :

2 Komentar:

  1. thank's gan..
    pertamaxxxx..
    http://www.farhan-trick.co.cc/
    ini blog ku sobat..
    mampir yee..

    ReplyDelete

 
Copyright © 2013. Contact - Privacy - Disclaimer - DMCA - Sitemap
Template Seo Elite by Bamz