Cara Mudah Membuat Navigasi Melayang Di Blog

 Cara Pemasangan

1. Login ke Blogger

2. Masuk ke menu Template

3. Klik Edit HTML

4. Cari kode </body> (Tekan Ctrl + F)

5. Copy kode berikut kemudian paste di atas 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='link yang dituju'>Menu 1 </a>
<ul>
<li class='dir'><a href='link yang dituju'>Submenu 1.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 1.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 1.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 1.2</a></li>
<li><a href=' link yang dituju '>Submenu 1.3</a></li>
</ul>
</li>
<li class='dir'><a href='link yang dituju'>Menu 2</a>
<ul>
<li class='dir'><a href='link yang dituju'>Submenu 2.1</a>
<ul>
<li><a href=' link yang dituju '>Sub-submenu 2.1.1</a></li>
<li><a href=' link yang dituju '>Sub-submenu 2.1.2</a></li>
</ul>
</li>
<li><a href=' link yang dituju '>Submenu 2.2</a></li>
<li><a href=' link yang dituju '>Submenu 2.3</a></li>
</ul>
</li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;no&#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 -->

Ubah kode berwarna merah dengan link yang akan dituju;
Ubah kode berwarna kuning dengan nama menu yang dimaksud
Ubah kode berwarna biru dengan dark atau light (COLOR THEME)
Ubah kode berwarna hijau dengan yes atau no (SHARE BOX)

6. Save template

Demo : Maru - PC Lab

Baca selengkapnya »