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

Google Facebook Twitter More

• Pinterest
• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Artikel Terkait

• Cara memberi Sound efek | efek suara pada blog cara memberikan sound efek atau efek suara pada blog, info ini saya dapatkan dari teman kita faisal, faisal meminta
• Atasi Error Setelah Instal TemplateAtasi Error Setelah Instal Template, mengunduh template dari luar tidak selalu menyenangkan. Kemungkinan ada sobat bl
• Cara Praktis Membuat Blog Pribadi di WordPressTulisan ini (dan mungkin serial beberapa tulisan lanjutan) saya tulis dalam rangka memberi informasi yang seluas-luasn
• Menyembunyikan Image Pada Read More Otomatis .fullpost { display: inline; } Menjawab pertanyaan sobat alhadi pada postingan revisi read more dan slider pada soft
• Cara Pasang Alert di BlogPosting lagi... hari ini kita membahas Cara Pasang Alert di Blog hemm... udh pada tau kan apa itu Alert di Blog, pasti
• Cara Memperbaiki Validasi HTML Error Blogger (Update) Cara Memperbaiki Validasi HTML Error pada Template Blogger. Memperbaiki Validasi merupakan hal yang bisa membuat gala

Cara membuat side menu melayang di pinggir

4/ 5

Oleh Baris Info

Februari 02, 2011 1 Komentar