Cara membuat zFPMenu di blog

Masih di Variasi Blogger share Cara membuat zFPMenu di blog cekidot

Silahkan sobat Copy Paste script  di bawah ini dan simpan di atas kode script </body> di blog sobat

<!-- 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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
<!-- zFPmenu END -->

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik Edit HTML >> centang Expand Template Widget , kemudian tekan Ctrl+F paste script </body> jika sudah ketemu silahkan Copy Paste kode script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan :

Jika di Template blogs sobat sudah terdapat kode 1.4.2/jquery.min.js silahkan hapus saja kode tersebut di kode script zFPMenunya

sobat bisa juga merubah warna pada bagian var zfpm_colorTheme = 'light' dengan zfpm_colorTheme = 'dark'

Untuk bagian var zfpm_shareBox = 'no'; sobat bisa juga merubah dengan var zfpm_shareBox = 'yes'; pungsinya adalah untuk box share seperti Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons dan untuk bagian ini sobat bisa menambahkan kode script var zfpm_shareBoxPosition = 'right'; bisa dirubah posisi menjadi var zfpm_shareBoxPosition = 'left'; dan masih bagian ini sobat bisa menambahkan juga ukuran lebarnya dengan menambahkan kode script var zfpm_shareBoxCustomWidth = '300'; silahkan sobat bisa atur lebar share box nya

nah menu ini juga bisa ditambahkan kode script untuk background dan warna juga dengan menambahkan kode script var zfpm_customBackgroundImage = 'disini link gambar pilihan sobat'; dan var zfpm_customBackgroundColor = 'disini warna pilihan sobat';

Untuk contoh menunya DEMO

Share to

 â