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