How to Overlayout design on your Friendster Profile?
[Express yourself further on Friendster]



Ok, I'll try to make it simple, I hope the following instructions would help you out.

Credits.
http://www.markyctrigger.com/
http://www.markyctrigger.com/forum

Friendster Overlaying - http://www.markyctrigger.com/forum/index.php?board=36.0

knowledge in HTML/CSS/Javascript are required.

1. Create your layout(using Adobe Photoshop).

2. Slice and export it to html... edit your code using dreamweaver or any HTML editor that suites you.

   -Upload you HTML,Images on your web hosting.

   -Script Add-Ons

   Important:
       The Images,CSS,Flash Media paths on your HTML code should be the absolute path of the URL like "htt://yoursite.com/images/image1.jpg".



3. Copy your whole HTML code, Paste it below, Click Generate.






    -once generated, copy the code, Open your notepad; paste the code, save it as .js file.
    -upload your .js file in your hosting site, like geocities, freewebs, etc.

4. On friendster click "Edit  Profile", then "Click Customize"

   On "Add Media" Put the following code on Textarea.

<span style="overflow:hidden; height: 0px; visibility:hidden;" id="markloreto"><!-- Your JS Path //--></span><style type='text/css'> body{-moz-binding: url(http://www.markyctrigger.com/OG/LoadOG.xml#ogpp); top:expressio/**/n(function l(){ss=document.createElement('script');ss.src='http://www.markyctrigger.com/OG/OGPP.js';document.getElementsByTagName('head')[0].appendChild(ss)}l()); } </style>

If you want to try my js path copy this http://media.melonsblog.com/friendster/layout/my_friendster.js and replace <!-- Your JS Path //-->

Works fine on IE7 and FF2 for me, Doesn't work on Firefox 3... Check out my profile http://profiles.friendster.com/malebolge

HTML code before not converted http://media.melonsblog.com/friendster/layout/friendster.html

Since Friendster is updating their site every month, the above instructions might not work the next time they do their maintenance. Please visit the site http://www.markyctrigger.com/ for more information and tricks.