Masih di blog Oto Website tercinta, kali ini saya akan membahas tentang  ZFP Menu!
Menu ini keren sob, menu ini melayang dan berada di bagian bawah blog sobat, kenapa saya bilang keren karena ZFP Menu ini memiliki fungsi tombol back down and back to top, jadi sobat tidak perlu memasang tombol back to top lagi.
Untuk model dan contohnya sobat bisa lihat gambar di atas! Gambar yang di sebelah kanan sob, kalo yang di sebelah kiri itu foto tunangan saya, hehehe . . . yah gambarnya saya kasih model dikit biar klihatan keren, ckckck . . .

Bagaiman kalo sekarang kita bahas lansung cara memasangnya di blog sobat, ayo dah . . .

Cara memasang  ZFP Menu :

1. Masuk ke akun blogger sobat.

2. Pada menu klick Rancangan ➨ Edit HTML.

3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.

4. Selanjutnya dalam Edit Template sobat cari kode </body> Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Jika sudah ketemu sekarang sobat copy kode script berikut dan paste atau letakkan di atas kode tadi.

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

6. 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.
Nah sekian dulu untuk kali ini yang membahas tentang  ZFP Menu, semoga bisa bermanfaat untuk sobat semua.

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat, silahkan tinggalakan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top