Add Scrolling text to your blogger blog

How to add Scrolling text to your Blogger blog:

We can add scrolling text to blog with  <marquee> tag. Scrolling text used to show your blog notifications. We can add scrolling text to Blogger blog in any position.

Follow below steps to add Scrolling text to your Blogger blog

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Add text Gadget

Step 4 : Add below code in that text gadget configuration window

<marquee>Place any text here</marquee>

By default text scroll from right to left .

Direction attribute:

You can change direction with direction attribute

if you want left to right

use direction="right" attribute

i.e

<marquee direction="right">Place Your text here</marquee>

noew text will scroll from right to left

like this you can use

direction="left"

direction="right"

direction="up"

direction="down"

background color :

you can also change background color.

Step 5 : You can also add <marquee> tag in your blog posts, click on posts and click on edit html and add <marquee> tag.

Like this you can add <marquee> tag to any where on your Blogger blog.

Read More

Add Scrollbar Widget To Blogger

How to Add Scroll bar Widget To Your Blogger :

We can add scroll bar widgets on your blogger blog . It is easy to add scroll bar widget with overflow attribute.

Follow below steps to add scroll bar widget to blogger

step 1 : go to blogger dashboard

step 2 : click on layout

step 3 : click on add a gadget and select Html /JavaScript gadget

step 4 : place below code in Html /JavaScript gadget window

<div style="overflow:auto;width:240px;height:250px;padding:12px;">
<ul>

<li><a href="Url Link">Text</a></li>
<li><a href="Url Link">Text</a></li>
<li><a href="Url Link">Text</a></li>

</ul>
</div>

step 5 : click on save

You can increase and decrease width and height of scroll bar widget by simply changing values in <div> tag.

Read More

Add Scroll to Top Button to Blogger Blog

Scroll to Top Button to Blogger:

Scroll to top button will brings the visitor to top of page on blogs. Adding scroll to top button is the quick way to move your blog visitor to the top of the blog page. We can also add scroll to top button to Blogger blogs. Generally we place this scroll to top button on bottom of Blogger blogs.

 

How to add Scroll to Top Button to your Blogger Blog : 

You can add scroll to top button to your Blogger blog using scrolltotop website. Different styles of scroll to top buttons available on scrolltotop site. There are many resources are there to add scroll to top buttons. Here I'm explaining about adding scroll to top button to your Blogger blog by using scrolltotop website.

Follow below  steps to add scroll to top button to Blogger blogs.

Step 1 : Go to scrolltotop site

Step 2 : Copy any scroll to top button code

Step 3 : Go to Blogger Dashboard

Step 4 : Click on Layout and add click on Add a gadget on footer

Step 5 : Add HTML/JavaScript gadget and paste scroll to top button code and then click on Save.

Go to your blog and see scroll to top button on your Blogger blog footer. Click on that button, and if it scroll back to the top of your blog page, you successfully added scroll back to top button to your Blogger blog.

Read More

Make Blog Title Scrolling in Blogger Header

Scrolling Blog Title :

All blog titles are fixed by deafult in blogger blog, not only in blogger , in WordPress also . Blogger blog titles are located on blogger blog. We can make your blog title scrolling in your blogger header. It is easy and simple to make your blog title scroll .

How to make blog title scrolling in header of your blogger blog :

With simple html tag we can make your blog title scroll on your blog header.

Just we have to add marquee tag to your blogger blog. We have to add marquee tag to your blogger title . Just go to your template code and add that tag. It is simple, below i'm explaining how to make your blog title scroll on your blogger blog header.

Follow below steps to make blog title scroll on your blogger header.

step 1 : Go to blogger dashboard

step 2 : Click on template

step 3 : Click on edit HTML

step 4 : Search <b:includable id='title'> in your template code.

below that you can see <data:title/>, but many <data:title/> lines will be there in your template code, so locate the first one after <b:includable id='title'> line

Then add marquee tag like below

<marquee><data:title/></marquee>

step 5 : Click on save template.

 Now go to your blogger blog and check, your blog title will scroll on your blogger blog header.

Read More

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 .

Read More