Membuat Menu navigasi melayang di blogger

Salam Untuk Kita Smua habis mandi, habis makan enak, langsung posting. hehehehee...... kali ini saya palmahutabarat tentunya 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 palmahutabarat juga menggunakannya. palmahutabarat 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>:

<div id="zfpm_div" style="display:none;">

<div id="zfpm_upperBox">

</div>

<ul id="zfpm_ul">



<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>



</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>