Untuk mempercepat misi didalam membuat side menu melayang di pinggir silahakn download dulu file javasccrift nya
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
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
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
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
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–>Catatan tulisan yang berwarna merah ganti dengan alamat hosting kamu
<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–>
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
Cara membuat side menu melayang di pinggir
4/
5
Oleh
Baris Info
1 komentar:
lalu setelah di download diapakan?
ReplySilahkan 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.