[quote=mickyriora]Since there are still lots of newbies who doesn't know how to compile their js codes, I decided to create this as a guide for them. First of all, please familiarize yourself with all the codes & take note of the difference between css & js. The topic here is about compiling js so don't be asking about css I'm going to start with using wvm- tracker.js as the main js file. Mostly who have wvm tend to add sidebars. The very first thing that you should take note of is the function that you are going to use when adding sidebars. [color=red]Example using v2.1:[/color] [b]Version 2.1 has this function inside:[/b] <">[color=red]Original Marfi's version3.1.1 have this addbox function:[/color] <">[quote]So as you can see the v2.1 & v3.1.1 uses different div id's. Whichever you are using should follow the sibling,that you will input. Example you want to add chatbox inside your wvmversion2.1. The sibling you should use is number, as shown below: addBox("RIGHT","My Chat Box",cbox,"CHIKACHIKABOOMBOOM","[color=red][b]2[/b][/color]"); For Version3.1.1..The sibling you have to use is different. Instead of using 2 you then have to use [color=red][b]friends/i[/b][/color][/quote] [b]Here are guides in adding other codes:[/b] [quote]//Other codes here like =>[color=red]css injection[/color] =>[color=red]js injection[/color] =>[color=red]loading page [/color] =>[color=red]YM Status[/color] =>[color=red]Force Log-in[/color] function onProfileLoad() { //onload handler [color=red]addboxes here[/color] addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null); [color=red]Ffetcher.init();[/color] (for friend randomizer) [color=red]Moving boxes here by Feruzz[/color] [color=red]Photo Gallery slide by mdirwan[/color] } [color=red] [b]you can also input Force log-in script here[/b][/color] //TRACKER OBJECT [b]No Editing Here[/b] /*END TRACKER OBJECT*/ /*MISC FUNCTIONS*/ [color=red][b] friendrandomizer here[/b][/color] } function urlencode(txt) { return txt.replace(/ /g,"%20").replace(/'/g,"%60").replace(/</g,"%3C").replace(/>/g,"%3E"); } function addBox (type,head,htm,id,sibling) { //by marfillaster ..blah,blah,blah... [b]No editing here [/b] /*END MISC FUNCTIONS*/ [b]You can insert js codes here too such as:[/b] [color=red]Viewer's Main Photo[/color] [color=red]Enter Page by Tazmaine[/color]( wherever you think/tested the code works better if here or inserting on top) [color=red]Photo Gallery slide by mdirwan[/color]( test also if it works better here on the one shown above) [color=red]Moving boxes by Feruzz[/color][/quote] [b]Take note also that you don't need to used every onload handler functions when compiling the codes:[/b] Lets apply some codes for your guides: [quote]// css injection var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = "http://h1.ripway.com/username/filename.css"; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css); function onProfileLoad() { //onload handler //CBox var cbox="<div align='center' id='cbox'>"+blah,blah,blah...... addBox("RIGHT","My Chat Box",cbox,"CHIKACHIKABOOMBOOM","14"); var mp3="<embed src=\"http://www.mp3profiles.com/players/style1/skinplayer.swf?blah,blah,blah.... addBox("right","My MP3",mp3,"muzic","2"); addBox("RIGHT","PEEPZ VISITED MY PAGE",TRACKER.div.innerHTML,"tracker",null); //Moving Friends Box var marqueeFriends = document.getElementById("content_2").innerHTML; document.getElementById("content_2").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+ marqueeFriends+"</marquee>"; // Marquee Fan of Box var marqueeFanof = document.getElementById("content_7").innerHTML; document.getElementById("content_7").innerHTML ="<marquee direction='up' height='200' scrollamount='3' onMouseOver='stop()' onMouseOut='start()'>"+ marqueeFanof+"</marquee>"; // Groups var marqueeGroups = document.getElementById('content_8').innerHTML; var Friends = document.getElementById('content_8'); Friends.innerHTML = "<marquee id=\"marquee\" direction=\"up\" height=\"100\" scrollamount=\"5\" onMouseOver=\"stop()\" onMouseOut=\"start()\">" + marqueeGroups + "<marquee>"; //Photo Gallery Slide var slodde = "<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=YOUR OWN&site=widget-e7.slide.com\" style=\"width:100%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/USERID\" target=\"_blank\"><b>View All Photo</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=USERID\" target=\"_blank\">Upload Photo Fo Me</b></a></div>"; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>"; } //Tehrzky's Block Me edited by Evan_Evanescence if(pageViewerID==""){ alert("Please log in your FRIENDSTER account to view this page!"); top.location.href="http://www.friendster.com/login.php?next=/user.php?uid=USERID"; } //TRACKER OBJECT[/quote] Links: [b]Enterpage trick by Tazmaine...I'm going to link you to xavierkym's post since his is updated[/b] http://theftalk.com/t6652-another-loading-trick%28works.html [b]Viewer's Main Photo by Feruzz:[/b] http://theftalk.com/viewtopic.php?id=9141&p=1 [b]Photo Gallery Slide by mdirwan:[/b] http://theftalk.com/t5696-Change-your-photo-gallery-using-SLIDE-SLIDING-IMAGE..html [b]Force log-in script:[/b] http://theftalk.com/t2535-Force-script.html [b]Moving box contents by Feruzz:[/b] http://theftalk.com/t2052-Moving-Content.html [b]I'll be adding more guides here later..got to sleep...[/b][/quote] so can i put this js files to my tracker txt or js??? whats the difference anyweiz???