Cara Memasang ZFP Menu Pada Blog

Penampakan ZFP MENU :

 Kali ini saya akan membahas tentang " Cara memasang ZFP Menu Pada Blog ". ZFP Menu merupakan Tombol Navigasi untuk blog. Oke, langsung saja saya 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>  biar mudah gunakan (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 :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
tapi jika belum terpasang tidak perlu di hapus.

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 ( # ) dengan url/link tujuan

Sekian postingan dari saya, semoga bermanfaat dan terimakasih telah berkunjung.