How to change a certain box in friendster

First thing you’ll have to do is to have a working linker and a Javascript Extension.

Now, use this code to change a certain box.

document.getElementById(“BOX ID HERE“).innerHTML=”CODES“;

For example, you want to change your Friend List box into a youtube video.

Simply add insert the box id of the box in the code given which is in red, and paste the embed codes on the CODES. Like this :

document.getElementById(“content_2“).innerHTML=”<object width=\”425\” height=\”344\”><param name=\”movie\” value=\”http://www.youtube.com/v/80fyuuxlR2E&hl=en&fs=1\”></param><param name=\”allowFullScreen\” value=\”true\”></param><param name=\”allowscriptaccess\” value=\”always\”></param><embed src=\”http://www.youtube.com/v/80fyuuxlR2E&hl=en&fs=1\” type=\”application/x-shockwave-flash\” allowscriptaccess=\”always\” allowfullscreen=\”true\” width=\”425\” height=\”344\”></embed></object>“;

Notice that In every quote ( ” ) there’s a backslash ( \ ), This is important guys..

ALWAYS REMEMBER : Put a backslash ( \ ) before every quote ( ” ).

HOW TO FIND THE BOX ID?

If you’re using firefox, simply click View >> Page Source or Press Ctrl + U.

Screenshot 1 :

How to view the source code. ( Firefox )

If you’re using Internet Explorer, simply right click on the page and click View Source.

Screenshot 2 :

How to view the source code ( Internet Explorer ) .

After that a Box will open with the source code ( For IE, a Notepad will open ).

Press Ctrl + F, and find the keywords to find the box you want to edit.

Example : If you want to find the box id of the media box, simple type in the Find Box ( the Ctrl + F ) the word media box. Find the HTML tag, <div id=”content_10“> so therefore, content_10 is your BOX ID.

NOTE : Most BOX ID starts with content_ with the number depending on the box.

Hope this tutorial helps, Have a Nice day!

P.S. If you have any question, send it via comment.