[b]-screenshot-[/b]
[img]http://img152.imageshack.us/img152/8756/bubblesj0.jpg[/img]
[b]Requirements:[/b]
* friendster profile
* javascript file
* e-mail
* patience - it'll take a day to a few days time for them to review your profile
[b]Step 1: Go on [url][i]www.websnapr.com[/i][/url][/b]
* register your profile as the site that you want to use preview bubbles
* they must review your site before they hand you your [b]websnapr key[/b]
[b]Step 2: Check your e-mail (daily)[/b]
* upon approval, they will give you a [b]websnapr key[/b]
[b][color=red]STOP:[/color] YOU MUST HAVE A WEBSNAPR KEY TO PROCEED
Step 3:[/b]
* copy the code below (this script is no longer available with the new websnapr bubble beta 3.0 that they are currently using now... this is good for us because the script is the reason why we can put it into our profiles plus we can change the bubble image with this script):
<">* create a file in ripway using this code
* replace [color=green][b]###########[/b][/color] with your [b][i]websnapr id[/i][/b]
* if you'd like, replace the bubble image by changing [color=blue][b]
http://img515.imageshack.us/img515/387/bgoo8.png[/b][/color]
with [b]the link of another image[/b].
the following are other additional bubble colors i've created:
[img]http://img515.imageshack.us/img515/387/bgoo8.png[/img]
white(default) - [b]
http://img515.imageshack.us/img515/387/bgoo8.png[/b]
[img]http://img391.imageshack.us/img391/6878/bge3bm7.png[/img]
black -
http://img391.imageshack.us/img391/6878/bge3bm7.png
[img]http://img407.imageshack.us/img407/5079/bgevt6.png[/img]
dark grey -
http://img407.imageshack.us/img407/5079/bgevt6.png
[img]http://img391.imageshack.us/img391/8779/bge2ux6.png[/img]
pink -
http://img391.imageshack.us/img391/8779/bge2ux6.png
* save file as [b]preview.js[/b]
[b]Step 4: [/b]
let your js file insert the [b]preview.js[/b] script into your profile
you can do this by using the following code in your js. this code will also set your links with the class name "[b]previewlink[/b]", which is essential to the code:
<">* just replace [b]
http://h1.ripway.com/username/preview.js[/b] with the direct link to your [b]preview.js[/b]
[b]Note:[/b] Upon 1st viewing of links you might get images like the following:
[img]http://img525.imageshack.us/img525/7782/1tymot8.jpg[/img]
these are normal. thumbnails will be generated at this point, so try refreshing then check the links if the thumbnails are ready. they're usually ready within the next few seconds.
[img]http://smileydatabase.com/s/300.gif[/img] I think that's all there is to it.
***You're Done~!***

[b]Preview:[/b] [url]http://profiles.friendster.com/shakiro[/url] (caution: I'm low on bandwidth)