Scrolling Title in Browser title bar for blogspot



One of the most common uses of JavaScript is to create a scrolling message in the browser's status line. You can create a scrolling message using the string methods you have learned in this hour.
To begin, you'll need to define the message to be scrolled. You will use a variable called msg to store the message. To begin the script, initialize the variable (feel free to choose your own text for the message):



Steps to follow:

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

<head>

And immediately before it, paste this code:

<script type='text/javascript'>
//<![CDATA[
msg = "==>Blogspot Tutorial<==";
msg = " .................................. " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Now click Save Template 
at

16 comments:

  1. සංකල්පOctober 25, 2010 at 11:22 PM

    Thanks for your posts !!!!

    ReplyDelete
  2. Ninja MumOctober 26, 2010 at 3:21 AM

    Great round up, thanks for sharing the helpful resources. They all look like they could be a great addition for development and design.
    excellent website templates

    ReplyDelete
  3. Umukoro Benjamin K.November 22, 2010 at 6:43 AM

    Great Prof! Kudos.
    Please can you help me? the information I was actually looking for that brought me to this great blog is as quoted below:
    "How Do I Show Post Title: Blog Title in Title Bar"?

    What code can I add to my Blogger template, or whatever I have to change, so that on each post page it shows the title of the post, then the blog title. Something like this:

    Scrolling Title in Browser: Blogger Tutorial

    What do I do to accomplish this?
    My email address is benwits@yahoo.com

    Thank you.

    P.S: It was me who added the comment that talks about making this blog my homepage.

    ReplyDelete
  4. adminNovember 22, 2010 at 9:54 AM

    @McBeeny


    you can change the code [msg = "==>Blogspot Tutorial<==";]

    add your Title bar [msg = "==>Microsoft Word Tutorial<==";]

    ReplyDelete
  5. chenta_axeemJanuary 17, 2011 at 12:31 PM

    i love diz blog.. :)

    ReplyDelete
  6. AnonymousFebruary 14, 2011 at 2:39 AM

    thank u very much...... nice post

    ReplyDelete
  7. RAMEN the super marioMarch 5, 2011 at 1:06 AM

    really appriciate it..thanx for ur sharing !

    ReplyDelete
  8. echaApril 19, 2011 at 5:56 PM

    thank you for your useful tips. it`s great.

    ReplyDelete
  9. AnonymousJune 21, 2011 at 7:12 AM

    how about typing text effect? :)

    ReplyDelete
  10. UnknownOctober 6, 2011 at 10:39 AM

    @Anonymous

    ReplyDelete
  11. UnknownOctober 6, 2011 at 10:40 AM

    Kham-sa-ham-nidah??

    ReplyDelete
  12. UnknownDecember 11, 2011 at 7:22 AM

    thanks so much..

    ReplyDelete
  13. alrickDecember 16, 2011 at 9:41 PM

    thanks its awesome
    http://www.drupalnetworks.com/

    ReplyDelete
  14. AnonymousFebruary 18, 2012 at 11:00 AM

    Thanks, i tried it and it works! :D

    ReplyDelete
  15. UnknownSeptember 8, 2013 at 4:03 AM

    thank so much

    ReplyDelete
  16. AnonymousJune 11, 2014 at 5:51 PM

    I think everything said made a lot of sense. But, think about this, suppose you were to create a awesome headline?

    I mean, I don't want to tell you how to run your website, but
    what if you added a title that grabbed people's attention? I mean "Scrolling Title in Browser title bar for blogspot" is kinda boring.
    You ought to glance at Yahoo's front page and watch how they create article
    headlines to grab viewers to click. You might add a
    video or a pic or two to grab readers excited about everything've got
    to say. In my opinion, it could make your
    posts a little livelier.

    my blog ... foods that increase testosterone

    ReplyDelete