Cara Membuat Menu ZFP di Blogger

Menu ZFP - Fixed - Position Costtom Menu and Navigation / Share Widget,merupakan salah satu widget yang melayang berisikan link-link yang kita inginkan seperti yang ada di Blog ini tepatnya berada dipaling bawah sebelah kanan,keunikan dari menu ini sudah ada Navigasi Scroll To Top and Bottom Of Page (Scroll Kebagian Bawah dan Atas Halaman Blog atau Web) dengan Engine jQuery dan tombol button share menuju Twitter,Facebook Share dan Facebook Like.

Langkah-langkah Cara Membuat Menu ZFP :

• Login ke Blogger.
• Masuk ke Dasboard Blogger.
• Pilih Menu Template.
• Lalu Klik Edit HTML.
• Kemudian Klik Proceed.
• Beri Centang Tulisan "Expand Widget Templates"
• Selanjutnya cari code </body> ---> (Tekan Control + F untuk memudahkan pencarian code).
• Taruh code dibawah ini tepat diatasnya code </body>.

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

• Berikutnya Simpan Template / Save Template.
• Selesai.

Catatan : 

Bagi kalian yang template-nya sudah terpasang jQuery minimal 1.4.2.js,maka kalian tidak perlu lagi memasangnya,jadi hapus saja kode diatas yang seperti : 

"<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>"

Akan tetapi jika belum ada jQuery minimal 1.4.2.js seperti kode yang diatas,kalian tidak perlu menghapusnya,biarkan saja tetap terpasang di template Blogger kalian. 

Adapun beberapa code yang bisa kalian edit (ubah) dan setting sesuka kalian :

• Tanda # bisa kalian ganti dengan link yang akan dituju.
• Kalian bisa rubah tulisan "Your Menu" dan "Your Submenu" menjadi tulisan apa saja.
• var zfpm_colorTheme = 'light' ---> (Pilihan "light" and "dark").
• var zfpm_shareBox = 'no'; ---> (Pilihan "no" and "yes").

Ganti semua code yang berwarna merah sesuka kalian.

--Selamat mencoba--