Meniurile laterale sunt foarte folositoare,mai ales daca vrei ca cititorii tai sa poata naviga si urmari,cat mai multe pagini ale blogului tau.
In cele ce urmeaza,o sa va prezint un meniu lateral creat in java script foarte folositor pentru bloggeri.
Din nou,principala functie a acestui widget,ca si cel cu
Ad Bannerul Rotitor este economisirea de spatiu.
Spatiul este pretios si nu trebuie umplut cu cine stie ce,alte chesti nefolositoare.
Meniul va arata ca cel din poza de mai jos:
Pentru inceput download-ati acest fisier in calculatorul dumneavoastra:
ssmItems.js
Acum,deschide-ti ssmItems cu notepad,dupa ce il veti deschide veti vedea codul scris mai jos:
<!--
/*
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]=["Home", "http://ajutorblogger.blogspot.com", ""]
ssmItems[2]=["Blogger Widgets", "http://ajutorblogger.blogspot.com/search/label/widget",""]
ssmItems[3]=["Blogger Hacks", "http://ajutorblogger.blogspot.com/search/label/blogger-hack", ""]
ssmItems[4]=["Blogger Tutorials", "http://ajutorblogger.blogspot.com/search/label/Tutorial-blogger", "_new"]
ssmItems[5]=["Grab This Menu Here", "http://ajutorblogger.blogspot.com/", ""]
ssmItems[6]=["Contact", "http://ajutorblogger.blogspot.com/2009/05/descrierea-sitului.html", ""]
ssmItems[7]=["FAQ", "#nogo", "", 1, "no"] //create two column row
ssmItems[8]=["Email", "#nogo", "",1]
ssmItems[9]=["External Links", "", ""] //create header
ssmItems[10]=["Online Jobs", "http://ajutorblogger.blogspot.com/search/label/blogger-tips", ""]
ssmItems[11]=["Funny Blog", "http://ajutorblogger.blogspot.com/2009/05/widget-creare-ad-banner-rotitor.html", ""]
ssmItems[12]=["Earn Money", "http://ajutorblogger.blogspot.com/2009/05/widgetstatistici-blog-blogger.html", ""]
buildMenu();
//-->
Acum,doar editeaza link-urile in rosu,punandu-le pe ale tale in schimb,iar in locul textului cu albastru scrie ce vrei sa iti afiseze pentru acele link-uri.
Dupa ce ai editat,salveaza fisierul.Ai grija sa uploadezi
ssmItems.js pe un alt server dupa ce l-ai editat...eu va recomand http://www.gigafilehost.net.
Acum mergi la:
Aspect>>Editare HTML si cauta tag-ul
</head> ,imediat sub el pune urmatorul cod:
<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="http://www.gigafilehost.net/files/167/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="
http://www.gigafilehost.net/files/167/ssmItems.js" language="JavaScript1.2"></SCRIPT>
Link-ul in rosu schimbati-l cu link-ul rezultat in urma upload-ului fisierului ssmItems.js.
Acum salvati si GATA,ati facut un minunat Meniu Lateral Full Java Script si Full Profesional.
