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?
No comments:
Post a Comment