Membuat Menu navigasi melayang di blogger

Assallamualaikum wr. wb, habis mandi, habis sholat maghrib, langsung posting. hehehehee...... kali ini nisan akan mempostingkan cara membuat menu navigasi melayang di blogger. menu yang di maksud seperti gambar di bawah ini :


Menu tersebut bisa di lahut langsung di blog nisan ini, karena kebetulan nisan juga menggunakannya. Nisan dapat script ini dari sebuat site INI . Untuk cara menggunakannya seperti ini :

  • Login ke dasbor blogger kakak
  • Pilih rancangan >> edit HTML >> jangan lupa cheklist  Expand Template Widget >> lalu  cari kode </body> gunakan ctrl + f untuk mempermudah pencarian
  • Lalu Paste kan script di bawah ini  tepat di atas kode </body>:
<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
</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 -->

  •  Simpan Template dan liat hasilnya
Semoga bermanfaat,,



0 Response to "Membuat Menu navigasi melayang di blogger"

Posting Komentar

Ikuti Blog ini