Cara Membuat Tab Menu Navigasi di sudut Halaman Blog (ZFP Menu)

Senin, 07 Mei 2012

Bagikan Post ini :

Tutorial kali ini adalah membuat Tab Navigasi di bawah sudut halaman blog anda.
Cara seperti ini sangat Simple dan sangat memudahkan para pengguna Blogger yang sedang sulit-sulitnya mengatur Tab Navigasi yang biasanya di atas Header dan Bibawah Header sudah penuh oleh link-link.
Tanpa basa-basi lagi, ini dia caranya.

Contoh Tampilannya



  1. Masuk ke Rancangan => Edit HTML => centang Expand Template Widget
  2. Kemudian cari tag </body>
  3. Copykan Script Berikut kemudian pastekan diatas kode </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 class='dir'><a href='/'>Contect Me</a>
<ul>
<li><a href='https://www.facebook.com/PeterVanMarkz'>Facebook</a></li>
<li><a href='http://twitter.com/AGusteau'>Twitter</a></li>
</ul>
</li>
<li class='dir'><a href='/'>My Blog</a>
<ul>
<li class='dir'><a href='/'>Categories</a>
<ul>
<li><a href='/search/label/Chord Lagu'>Chord Lagu</a></li>
<li><a href='/search/label/Tutorial'>Tutorial</a></li>
<li><a href='/search/label/Game'>Game</a></li>
<li><a href='/search/label/Manga'>Manga</a></li>
<li><a href='/search/label/Download'>Download</a></li>
<li><a href='/search/label/unik'>Unik</a></li>
</ul>
</li>
<li><a href='http://apeterblog.blogspot.com/p/tentang-saya.html'>Penulis Blog</a></li>
<li><a href='http://apeterblog.blogspot.com/p/link-exchange-saya.html'>My Link Exchange</a></li>
</ul>
</li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;yes&#39;;
</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 -->


Keterangan: Warna Merah = link yang dituju
                      Warna Biru = menu dan submenu
                      Warna Orange = yang bertuliskan 'dark' dapat diubah menjadi 'light' agar warnanya terang dan yang 'yes' itu untuk tombol share box bisa diubah ke 'no' kalau ga mau shareboxnya kelihatan...


Saya harap anda semua berhasil dalam mencobanya


Sumber script : GUMANTA INFO

MAU COPAS? SERTAKAN SUMBERNYA

Anda menyukai artikel diatas?, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog August Peter ini

0 komentar :

Berkomentarlah

Beritahu kami apa yang anda pikirkan

 
Support : Copyright © 2011. August Peter's Blog - All Rights Reserved
Template Edited by August Peter Inspired by Sportapolis Shape5.com
Proudly powered by Blogger