Tutorial Kali ini adalah cara membuat zFP menu pada blog.
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
Semoga Bermanfaat !
Thank's udah Mampir !
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.
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 – 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.
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
Semoga Bermanfaat !
Thank's udah Mampir !
0 Comments
Bagaimana Pendapat Anda ?