Membuat Slide Menu

Beberapa hari yang lalu sahabat Wizurai meminta Blogfsym untuk membuatkan tutorial cara membuat menu yang ada di blognya dengan alasan banyak sekali dari teman-temannya yang menanyakan cara membuat menu tersebut kepada beliau, dan..yepp.. Blogfsym buatkan nih tutorialnya.

Menu yang ada di blog sobat Wizurai tersebut di namakan dengan Dynamic-FX Slide-In Menu (v 6.5), original source code serta contoh dari menu tersebut bisa anda lihat di dynamicdrive.com. Apa keunikan dari Dynamic-FX Slide-In Menu (v 6.5)? keunikanya yaitu menu atau navigasi tersembunyi di sebelah kiri layar monitor dan yang terlihat hanyalah bar menu nya saja, apabila menu tersebut di sorot oleh mouse komputer maka keluarlah menu-menu yang ada di dalamnya. Yang lebih menarik perhatian adalah menu tersebut selalu bergerak mengikuti gerakan scrolling sehingga akan selalu muncul di layar sebelah kiri layar monitor.

Tertarik membuat menu tersebut di blog anda, nih Blogfsym tuliskan tutorial cara membuatnya :

1. Silahkan logi ke blogger dengan ID anda.


2. Klik Tata Letak.
   
   
3. Klik Edit HTML.



4. Copy paste kode berikut di atas kode </head>

4. Copy pastekan script di bawah ini tepat dibawah kode :

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

<SCRIPT SRC="http://teguh.comlu.com/ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>
<SCRIPT SRC="http://teguh.comlu.com/ssmItems.js" language="JavaScript1.2"></SCRIPT>

5. Gantilah kode yang berwarna merah dengan kode milik anda (file yang di upload).



6. Klik tombol SIMPAMN TEMPLATE.



7. Selesai. Silahkan lihat hasilnya.

Selamat mencoba!