Buat Side Menu

 on Tuesday  

Pada postingan kali ini aku akan mengetengahkan (emang nyamping) bagaimana membuat Side Menu. Kebanyakan menu berada di atas, tetapi ini berada di samping. Selain itu menu ini akan keluar secara slide jika kamu menunjuk menu ini dan akan melayang walo kamu men-scroll down halaman blog. Hal ini akan mempermudah pengunjung dan pembaca blogmu untuk melihat menu tanpa harus kembali ke atas. Contoh bisa kamu lihat dan check di samping kiri blog ini!
Jika kamu tertarik untuk membuatnya, silakan ikuti jejak di bawah ini:

Jejak 1
Download file menu.zip ini, di mana terdapat 2 file .js yaitu ssm.js dan ssmItems.js

Jejak 2
Buka file "ssmItems.js
" dengan text editor (misal dengan notepad) untuk mengedit style menu dan linkmu

Jejak 3
Upload kedua file .js (ssm.js dan ssmItems.js yang telah kamu edit) tersebut ke webpage directory (misal googlepages)

Jejak 4
Login ke blogger > lay out > edit html > [v] expand widget

Jejak 5
Masukkan kode di bawah <head>

<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="
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="
ssmItems.js" language="JavaScript1.2"></SCRIPT>

Jejak 6
Ok, itu saja. Mudah kan?

Buat Side Menu 4.5 5 Irfan Zack Tuesday Pada postingan kali ini aku akan mengetengahkan (emang nyamping) bagaimana membuat Side Menu. Kebanyakan menu berada di atas, tetapi ini b...


No comments:

Post a Comment

J-Theme