Tutorial Kali ini adalah cara membuat zFP menu pada blog.
Saya Akan membahas ilmu ini dari inimu.com. Tutorial kali ini Menjawab pertanyaan dari teman blogger yang menanyakan menu ZFP pada blog ini Pada pojok bawah blog.
zFPmenu – Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan.
demo bisa di lihat di Blog ini
ikuti langkah-langkahnya
1. pastinya login ke blogger
2. masuk ke rancangan>>edit html
3. cari kode </body> dengan CTRL+F
kopikan kode dibawah ini tepat di atas kode </body>
4. simpan hasilnya dan utak utik sendiri
NB : ganti kata - Menu Blog Saya untuk judul nya
- link dengan link url anda
- YOUR MENU __ dengan menu anda
- light untuk warna cerah dan dark untuk warna gelap
- no untuk tidak menampilkan tombol share
sudah cukup ya smoga bermanfaat SALAM BLOGGER!!!!!
Saya Akan membahas ilmu ini dari inimu.com. Tutorial kali ini Menjawab pertanyaan dari teman blogger yang menanyakan menu ZFP pada blog ini Pada pojok bawah blog.
zFPmenu – Fixed-Position Custom Menu and Navigation/Share Widget, adalah widget ‘melayang’ yang bisa diisi dengan menu berisi link-link sesuai keinginan.
Di dalamnya sudah termasuk navigasi scroll to top/bottom of page (scroll ke bagian paling atas/bawah halaman web) ber-engine jQuery, dan juga tombol share Twitter dan Facebook (bila diinginkan.
demo bisa di lihat di Blog ini
ikuti langkah-langkahnya
1. pastinya login ke blogger
2. masuk ke rancangan>>edit html
3. cari kode </body> dengan CTRL+F
kopikan kode dibawah ini tepat di atas kode </body>
<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Menu Blog Saya
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="link">YOUR MENU-1 (cth : Home)</a></li>
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Menu Blog Saya
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="link">YOUR MENU-1 (cth : Home)</a></li>
<li class="dir"><a href="link">YOUR MENU 2 (containing submenu) (cth : open menu)</a>
<ul>
<li class="dir"><a href="link">YOUR SUBMENU 2.1 (containing sub-submenu) (cth : download</a>
<li class="dir"><a href="link">YOUR SUBMENU 2.1 (containing sub-submenu) (cth : download</a>
<ul>
<li><a href="link">YOUR SUB-SUBMENU 2.1.1 (cth : lagu)</a></li>
<li><a href="link">YOUR SUB-SUBMENU 2.1.1 (cth : lagu)</a></li>
<li><a href="link">YOUR SUB-SUBMENU 2.1.2 (cth : video)</a></li>
</ul>
</li>
<li><a href="link">YOUR SUBMENU 2.2 (cth : file)</a></li>
</li>
<li><a href="link">YOUR SUBMENU 2.2 (cth : file)</a></li>
<li><a href="link">YOUR SUBMENU 2.3 (cth : indonesia)</a></li>
</ul>
</li>
<li><a href="link">YOUR MENU 3 (cth : guest book)</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 -->
</li>
<li><a href="link">YOUR MENU 3 (cth : guest book)</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 -->
4. simpan hasilnya dan utak utik sendiri
NB : ganti kata - Menu Blog Saya untuk judul nya
- link dengan link url anda
- YOUR MENU __ dengan menu anda
- light untuk warna cerah dan dark untuk warna gelap
- no untuk tidak menampilkan tombol share
sudah cukup ya smoga bermanfaat SALAM BLOGGER!!!!!
