Make Blog Title Scrolling In Browser Tabs on Blogger

Blog title scrolling in browser tabs :

When your open your Blogger blog , your blog title name will display in browser tab. By default blogger set like that to display blog title name in browser tab on which you open your blog. We can change the message displayed in browser tabs on your blogger blog. In this post i'm showing how to make blog title scroll on your browser tabs. With this method you add any message related to your  blogger blog and make that message to scroll in browser tabs.

How to make blog title scrolling in browser tabs on Blogger :

To make blog title and any message to scroll in browser tags we have to add small script code to your blogger blog. We have to add script code in your blogger template code before closing tag of head. Below i'm showing clearly.

Follow below steps to make blog title scrolling in browser tabs on Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit HTML

Step 4 :  Search </head> in your blogger template code

Add below code above </head>

<script type='text/javascript'>

//<![CDATA[

msg = "Enter your blog name";

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()",400);

}

scrollMSG();

//]]>

</script>

Replace  Enter your blog name  with your blog title name a

Step 5 : Click on Save template.

Now your blog title name will scroll in browser tab along with ... . Like this you can also add extra message to scroll in browser tab along with blog title.

To add extra message :

msg = "Enter your blog name - extra message";

 Replace extra message  with your message .