How to animate bloggers browser title bar?

     One of the website attracting way is animating title bar, it will reduce the website idl state time. It is very easy to place it.

Example image

     This screen was taken from chrome browser. Can you see the title bar of the window is rotating, this also rotating in the windows status bar.










Animate title bar in blogger

<script type='text/javascript'> msg = document.title; msg = msg+"."; position = 0; function scrolltitle() { document.title = msg.substring(position, msg.length) + msg.substring(0, position); position++; if (position> msg.length) position = 0 window.setTimeout("scrolltitle()",110); } scrolltitle(); </script> Add animation press here

     If the above button is not work or want to modified the title name follow the steps, otherwise leave all the below steps.
Step 1
     Login to your blogger by entering your username and password.

Step 2
     Select your blogger, by clicking Go to post list  button.

Step 3

     Go to layout and press Add gadget.

Step 4
     After press the Add gadget a popup window is opened, in that window scroll and select the  HTML/JavaScript.

Step 5
     Another window is opened and ask Title and Content, leave the Title field and copy the below code and paste it to the Content box.

<script type='text/javascript'>

msg = document.title;

msg = msg + ".";

position = 0;



function scrolltitle() {

  document.title = msg.substring(position, msg.length) + msg.substring(0, position);

  position++;

  if(position > msg.length) position = 0

  window.setTimeout("scrolltitle()", 110);

}

scrolltitle();

</script>

Note:
     If you want to change the title text with extra text, add the text after or before the msg = msg+".";
eg: msg="My extra text "+msg;

Step 6:
     Finally save it and open your blog url, your title is animating.