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-->
<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 ^_^
Credit By : Irfan Coll
0 komentar:
Poskan Komentar