Tuesday, June 9, 2009

Make Your Blogger Page Title Scroll Using Javascript

Scroll your all blog pages title from left to right.Yes friends as you would have seen few blogs using this hack like to make scroll there blog page title i.e moving from left to right.As not many blogs are using this as it depends only upon admin likings.If you also want to have this hack then read on for sure to implement this hack.

First of all i would like to show you the demo of this hack.Visit my Blogger widgets blog and see there the blog title scrolling from right to left.

If you liked it want to have it in your blogger just follow this tut.As one my reader shaz wanted to implement this hack in his blogger and requested me to blog about it,so below are the codes to make it work.

Just Login To Blogger > Layout > Edit Html

Now at the beggining of the codes only you will find below line:-


<title><data:blog.pagetitle/></title>


If you using Swap Title Hack you will find these codes :-


<b:if cond='data:blog.pageName == ""'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>


Or may get codes like at this post too.

So what you have to do is just copy the javascript codes from below and paste it after the any of the above code which one you are using.


<script>

//Document title scroller- By Graeme Robinson (me@graemerobinson.co.uk)
//Exlusive permission granted to Dynamic Drive to include this script in their DHTML archive.
//For full source code, terms of use visit http://www.dynamicdrive.com

var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>


And now save your template.And you will now see your blogger title scrolling.

No comments:

Post a Comment