Rabu, 02 Februari 2011

Cara membuat side menu melayang di pinggir


Untuk mempercepat misi didalam membuat side menu melayang di pinggir silahakn download dulu file javasccrift nya Disini

Setelah di download silahkan extrack file menggunakan winrar atau winzip
nanti akan ada 2 file javascrift coba pilih yang ke2 dan buka pake notepad
silahkan midif kodenya seperti dibawah ini
<!– /*
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”; //White color behind links
linkOverBGColor=”#FFFF99″; //Blue Color Behind Menu and External Links
linkTarget=”_top”;
linkAlign=”Left”;
barBGColor=”#444444″; //Gray color behind Side Menu
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]=["Blog Asep canda", "http://masih-berharap.blogspot.com", ""]
ssmItems[2]=["Contact Us", "http://masih-berharap.blogspot.com",""]
ssmItems[3]=["Earn Money", "http://www-createmoney.blogspot.com", ""]
ssmItems[4]=["Tip blogging", "http://masih-berharap.blogspot.com", "_new"]
ssmItems[5]=["Blogger pemula", "http://masih-berharap.blogspot.com", ""]
ssmItems[6]=["Blogger Bandung", "http://masih-berharap.blogspot.com", ""]
ssmItems[7]=["YM1", "http://stillwish@yahoo.com", "", 1, "no"] //create two column row
ssmItems[8]=["YM2", "http://dinaaldin@yahoo.com", "",1]
ssmItems[9]=["Trik adsense", "", ""] //create header
ssmItems[10]=["Still wish", "http://masih-berharap.blogspot.com", ""]
ssmItems[11]=["Create money", "http://www-createmoney.blogspot.com", ""]
ssmItems[12]=["Hospital", "http://hospital-asep.blogspot.com", ""]
buildMenu();
//–>Setelah selesai di modif silahkan upload file java scrift tersebut ke hosting gratis atau hosting sendiri untuk yang belum tau daftar file hosting gratis klik Disini
Langkah berikutnya:
1.Login ke akun blogger dashboard layout(tata letak)
2.Edit HTML download full tempalate
3Centang Expand Widget Templates cari kode </head>
4.Silahkan copy paste kode dibawah ini tepat di atas kode tadi

<!–SIDE-MENU-STARTS–>
<STYLE>
<!–
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://h1.ripway.com/asepcanda/ssm.js‘>
//Dynamic-FX slide in menu v6.5 (By maXimus, maximus@nsimail.com)
//Site: http://maximus.ravecore.com/
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC=’http://h1.ripway.com/asepcanda/ssmItems.js‘/>
<!–SIDE-MENU-STOPS–>
Catatan tulisan yang berwarna merah ganti dengan alamat hosting kamu
5.Save template dan klik page elements
6.Klik Add A Gadget pilih HTML/javascrift
7.Copy paste kode yang udah di modif tadi lalu save
Trik ini udah saya praktekan untuk melihat demonya Klik Disini

Artikel Terkait

Cara membuat side menu melayang di pinggir
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

1 komentar:

3 April 2011 pukul 01.19 delete

lalu setelah di download diapakan?

Reply
avatar

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia, atau juga bisa URL Facebook atau Twitter kamu, misal http://facebook.com/markutil

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini pertanyaan kamu tidak akan ditanggapi.