Friendstertutorials.com

Scrolling Title Effect

Contributed by vhin on September 16th, 2008 Categories: Javascript Codes

(+5 rating, 3 votes)

Loading ...

These codes make your titlebar (top of your browser) to scroll.

1. Copy the codes below and paste it in a notepad.

2. Edit this part TITLE / MESSAGE HERE and replace it with your own.

for greetings messages in your Friendster account, if you want to display your viewer’s name just add this up +pageViewerFName after the doublequote to your message(s). (ex. “Welcome “+pageViewerFName or “Hi “+pageViewerFName+”. Welcome to my profile!!”)

3. Save it as scrollingTitleEffect.js or scrollingTitleEffect.swf and upload it to your file hosting site.

4. Get the direct link of your scrollingTitleEffect.js or scrollingTitleEffect.swf and….

5. Place the link here: <script src=”DIRECT LINK OF YOUR .js FILE“></script>

(ex. <script src=”http://www.stormpages.com/plaything/scrollingTitleEffect.js(or .swf)”></script>).

6. Finally place the <script> tags in any of this.

about me
who i want to meet
media

That’s it guys……Just enjoy the codes hope it’ll works on you because it works 99.9% on mine.

Keep supporting this site. Lots of tutorials coming soon.

/* SCROLLING TITLE EFFECT */

var rev = "fwd";

function titlebar(val)
{
	var msg  = "TITLE / MESSAGE HERE";
	var res = " ";
	var speed = 100;
	var pos = val;

	msg = "   |--- "+msg+" ---|";
	var le = msg.length;
	if(rev == "fwd") {
		if(pos < le) {
			pos = pos+1;
			scroll = msg.substr(0,pos);
			document.title = scroll;
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
		else {
			rev = "bwd";
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
	}
	else {
		if(pos > 0) {
			pos = pos-1;
			var ale = le-pos;
			scrol = msg.substr(ale,le);
			document.title = scrol;
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}
		else {
			rev = "fwd";
			timer = window.setTimeout("titlebar("+pos+")",speed);
		}	
	}
}
titlebar(0);

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks

Email This to a Friend

Copy HTML:

If you like this then please subscribe to the RSS Feed or Email Feed.

Credits to Friendstertalk.com for the CSS and JS codes.

22 Responses to “Scrolling Title Effect”

Johndel

September 16th, 2008 at 5:49 pm

pwede bang basta i inject na lang sa js code yan ?
o ms applicable kapag ung ginawa eh ung nasasabi jan sa instrution ?
aiah

September 16th, 2008 at 6:33 pm

ayaw naman ie .. :C
melvin

September 16th, 2008 at 8:50 pm

…it can be possible to inject the codes in your compiled javascript codes…but once you did it, ignore the .. tags…..and to aiah…just follow the instructions correctly and I assure you it ‘ll work 99%…..
melvin

September 16th, 2008 at 8:51 pm

…it can be possible to inject the codes in your compiled javascript codes…but once you did it, ignore the \..\ tags…..and to aiah…just follow the instructions correctly and I assure you it ‘ll work 99%…..
aliah

September 17th, 2008 at 1:17 pm

hi angel..pwede ba paturo pano gumawa ng javascript layout yung step by step oh kaya pwede email sakin yung files na javascript para magkaroon ako ng idea,.designer ako po ako sa friendsterlayoutsonline.com kaso crossover lang mga nagagawa ko huhu teach me pls hihi ,.eto pala e-add ko aliah_thegirl@yahoo.com thanks
hannah

September 18th, 2008 at 3:48 pm

panu b maglagay ng pics sa master boxes? is it posible?
Jessika Latenberg

September 19th, 2008 at 6:12 pm

how and where can i get the direct link?
I’m suppose to save it in the notepad right?
what do you mean by “file hosting site?”

i just don’t get the numbers [3][4] and [5]:)>-
melvin

September 20th, 2008 at 5:35 am

miss jessika, find the uplaoding tutorial in this site to assist you on how to upload a file in a file hosting site….here’s one of the pages here.

http://www.friendstertutorials.com/uncategorized/uploading-your-cssjs-file-in-ripwaycom.html
hazell

September 20th, 2008 at 11:26 am

panu ba gawin un!! help me naman!!
jasfer

September 20th, 2008 at 9:11 pm

pde bah toh sah css??? sori, bobo lng!!!
CaDeAtH

September 20th, 2008 at 11:12 pm

Obvious nmn po sa category right?
anthipatica

September 24th, 2008 at 11:57 pm

hindi naman gumagana eh…
rejine

October 1st, 2008 at 8:38 pm

pakituruan nman ibackground yung picture cuh
rejine

October 1st, 2008 at 8:39 pm

paki email na lng p0h… wait acuh
cRis10

October 4th, 2008 at 6:52 pm

what hosting sites is the best that can i upload this?
i tried to search about hosting sites so that i can upload this…but dont knw how to upload…..
ayaka

October 4th, 2008 at 7:50 pm

can u post preview here so we can see what might be the changes in our profile!
christian

October 11th, 2008 at 10:46 am

paano to i aapload sa friendster???
ayy

October 30th, 2008 at 8:10 am

di gumagana ehh.
san ba ung css file na un?
luv

November 1st, 2008 at 4:27 pm

it doesn’t work.
mishelle

November 8th, 2008 at 9:27 pm

gumagana pouh yan..
u juz need 2 know how to make or compile a js file…

in making a js file.,
1.paste ur codes in notepad for editing
2.after that.,save it as nameoffile.js(the most important thing is that you use the ‘.js’ at the end of the name of ur file)
3.upload it on a file hosting site
4.after that.,copy the url of ur file and generate it at the latest js linker then follow the instruction..
jade

November 19th, 2008 at 12:39 am

sino po bah gus2 mgturo sakin… paano po bah gumawa ng lay out ndi ko pa kc alam yan eh….
jade

November 19th, 2008 at 12:39 am

sino po bah gus2 mgturo sakin… paano po bah gumawa ng lay out ndi ko pa kc alam yan eh….