[align=center][sup]++++++++++ [color=#ff0000][Class - S] Production[/color] ++++++++++[/sup] [img]http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif[/img][/align] [b]This tutorial can be applied on [i]both Addbox Generators[/i]. Whether [i]Marfillaster's or the WVM 2.2[/i][/b] [b]Requirements:[/b] Knowledge bout JS Patience Common Sense [quote][u][b]Legend:[/b][/u] [color=red][b]RED[/b] for Marfillaster's Addbox Generator instructions[/color] [color=green][b]GREEN[/b] for WVM2.2 Addbox Generator instructions[/color][/quote] [b][i][color=#FF0000][u]How to use The Addbox Generators:[/u][/color][/i][/b] [b]1.[/b] Open your JS file on your hosting site. If you still dont know about JS please click [url=http://theftalk.com/t13159-Javascript-Linker-%2811-29%29-%2AWorks-browsers%2A.html]here[/url]. It will look like this if you already inserted your CSS injection. [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/1-1.jpg[/img][/spoiler][/align] [b]2.[/b] [b]Open the Addbox Generator:[/b] [b][color=red]Marfis Addbox Gen:[/color][/b] [url=http://h1.ripway.com/mumbhaki/addBoxGenerator.html]Click Here for Marfillaster's[/url] [b][color=green]WVM2.2 Addbox Gen:[/color][/b] [url=http://portuniecho.fileave.com/addboxgenerator.html]Click Here for WVM2.2 Addbox Generator.[/url] [b]3.[/b][color=red]For Marfi's Addbox Generator only:[/color] Now you will see 2 sets of codes. Paste the Onload Handler after your CSS injection codes in your hosting site. Note that your CSS injection must alway be on top of all your codes in your JS file. So it will look like this: [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/22.jpg[/img][/spoiler][/align] [b]4. [/b][color=red]For Marfi's Addbox Generator only:[/color] After you have pasted the Onload Handler, paste now the Adbox Function. Where it is? its just below the onload handler in Marfi's Generator site. Then copy it after your Onload Handler in your JS file. so it will look like this: [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/3.jpg[/img][/spoiler][/align] [b]5.[/b] [color=red]For Marfi's[/color] and [color=green]WVM2.2 Addbox Generator:[/color] This is where most newbies get confused. You might be wondering what to do about the [b]Box Content, Header, CSS ID, Placement[/b]? But before we get to that we should first get the codes that we could put in the [color=red]Box Content[/color]/[color=green]HTML Codes for the WVM 2.2 Addbox Gen.[/color] Now lets say you want an mp3 or a playlist in a different box or sidebar, go to any mp3 sites you want. For example im going to go to mp3-codes.com. Im going to select a song Accidently In Love. All i have to do is get the codes for that song by highliting the codes and press Ctrl+C. Now going back to the Box Content/[color=green]HTML Codes[/color], i will paste here the codes of my mp3. So it will look like this: [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/4.jpg[/img][/spoiler][/align] [b][color=green]For WVM2.2 Addbox Generator Only:[/color][/b] Click [b]Mainbar[/b] if you want the addbox to be aligned with your [b]Control Panel, More About, Testi/Comments[/b]. Click [b]Sidebar[/b] if you want it to align with your [b]Friends, Groups, Google Ads, Fan of boxes.[/b] [b]6.[/b] After pasting the mp3 codes in [b][color=red]Box Content[/color]/[color=green]HTML Codes[/color], fill up the [b][color=red]Header[/color]/[color=green]Box Title[/color][/b]. This will serve as your Header name for your own mp3 sidebar. You can put whatever you want. It'll look like this: [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/5.jpg[/img][/spoiler][/align] [color=red]For Marfillasters only:[/color]In the image above, you can see that i encircled the [b]Null[/b]. If you want to have a sidebar without a Header name, then dont fill up the box and check the null. [b]7.[/b] The [b]CSS ID[/b] is there just in case you want to customize your box further using CSS. [b]8.[/b] Then lets go to [b][color=red]Placement[/color]/ [color=green]Insert Before[/color][/b]. You can choose from the dropdown where you want your mp3 box to appear in your friendster profile. For example. i want my mp3 to appear where my Google Ads is, so ill choose Google Ads. [b]9.[/b] Weee.. we're almost finished! click the Generate button and tada!.. the new box or sidebar codes are posted in the [b][color=red]Box Content[/color]/[color=green]HTML codes[/color][/b]. Highlight it all then press Ctrl+C and paste it in you host site. [b]paste it below your onload handler[/b], under the [b]"//insert generated boxes here"[/b]. It will look like this: [align=center][spoiler][img]http://i66.photobucket.com/albums/h254/duchesz_v/7-1.jpg[/img][/spoiler][/align] [b]10.[/b] Hit save and refresh your profile. [quote][b]Note:[/b] [b]Steps 5-10[/b] are applied to any sidebar you want. Theres [b]no need[/b] to paste the [i]Onload Handler and the Addbox Function[/i] because you already have it in you JS file. [b]Just copy the codes to the Box Content>>Generate>>Paste inside your Onload Handler.[/b] Proper order in compiling your JS codes is a must to learn. This is the most common reason why your JS codes won't work. To know more about the proper compilation of JS codes, please click [url=http://theftalk.com/t15088-Compiling-javascripts-file-%28additions%3ADec.3%29.html]here[/url]. Pay particular attention on step [b]No. 4[/b]. ayt? [/quote] [b]Credits:[/b] [b]Micky[/b] for helping me understand about adbox function anand the proper compilation of codes. :gift: [b]Bobcbar[/b] for also helping me like Micky did. :rose: [b]shy19 and andHa[/b] for supporting me. hehe [b]Marfillaster[/b] for the generator. [b]Portuniecho[/b]: for the updated WVM2.2 Addbox Generator.

Last edited by portuniecho (2008-12-29 05:35:46)