Slide-In Menu

Tuesday, August 11, 2009 |

Apa kabar saya datang lagi guna membagi tips buat anda para blogger yang budiman tidak usah basa basi ini contohnya:

Langkah Pertama :
1-Log in ke account blogger anda.
2-Click Lay Out---->EDIT HTML,Jangan lupa beri tanda centang pada kotak EXPAND WIDGET sebelumnya anda backup dulu template sobat klik Download Template Lengkap lalu simpat pada folder anda.
3-Cari kode didalam template anda,letaknya di bagian atas.
4-Copy pastekan script di bawah ini tepat diatas kode </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>


Ganti Kode yang berwarna biru sesuai dengan kebutuhan, kemudian Copy paste kode dibawah kedalam notepad lalu save as ke "js"
<!--
/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="SIDE MENU"; // <IMG> tag supported. Put exact html for an image to show.
///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Menu"] //create header
ssmItems[1]=["Mutiaramail", "http://mutiaramail.blogspot.com", ""]
ssmItems[2]=["Edit", "Edit",""]
ssmItems[3]=["Edit", "Edit",""]
ssmItems[4]=["Edit", "Edit",""]
ssmItems[5]=["Edit", "Edit",""]
ssmItems[6]=["Edit", "Edit",""]
ssmItems[7]=["Edit", "Edit/faqs.htm", "", 1, "no"] //create two column row
ssmItems[8]=["Edit", "Edit/contact.htm", "",1]
ssmItems[9]=["Edit", "", ""] //create header
ssmItems[10]=["Edit", "Edit",""]
ssmItems[11]=["Edit", "Edit",""]
ssmItems[12]=["Edit", "Edit",""]
buildMenu();
//-->

Kemudian Download ssm.js dibawah ini:

Related With:

2 comments:

Tazkiyatunnafs said...

Makin berguna, tapi yang begituan dan tidak membuat lebih lemot ada?

Mita Zone said...

Wah benar juga paling tidak kita bisa memilih dan memilah,kapan kita pasang dan tidak.Yaa sesuai dengan kebutuhan

Post a Comment