Auto Scrolling – Recent Posts Widget For Blogger/Blogspot Blogs

Updated on 22nd September, 2016: Javascript file has been updated. As the previous link was not working.

Recently I have published a tutorial on how to make an auto scrolling text/image widget. Now if you want to display your recent blog posts in this way either at the top or at the bottom of your blog, then you can use this widget:

var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection=”left”; var sOpenLinkLocation=”N”; var sBulletChar=”»»”;

To add this widget to your blog, log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type, then add this code to it.

<script src=”https://sites.google.com/site/bloggerstop1/Home/RecentPostsScrollerv2.js?revision=1″>
</script>
<script>
var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175;
var sDirection=”left”; var sOpenLinkLocation=”N”; var sBulletChar=”»»”;
</script>
<script src=”http://YOUR_BLOG.BLOGSPOT.COM/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2″>
</script>


You can modify the code (variables) according to your requirements, for ex.
in case of “var nScrollDelay“, lower the number, higher will be the speed.

First, simply add and test the code without changing anything [of course you have to change the blog address highlighted in RED], then after watching it live on your blog, make further changes 🙂

Leave a Reply

20 Comments on "Auto Scrolling – Recent Posts Widget For Blogger/Blogspot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Satya Madridista
Guest

i try but error
showing undefined undefines on each article tittle, like this

article tittle undefinedundefined article tittle undefinedundefined

View Comment
Divya Sai
Guest

Hi Satya,
Thanks for commenting, yes there was an error, actually titles were being shown correctly, but there was a small error in the code due to which the symbol between titles was not being displayed.
Anyways, it’s OK now, u can use this hack !

Regards
Sai

View Comment
Satya Madridista
Guest

Thx so much, permission to catch the code, 😀

btw credit to bloggerstop.net always shown on my article if i took a code from here .. cheers

View Comment
Ivaylo Spasov
Guest

Hi, I have a problem with this code. I replased the red text with the address of my blog, but i’va got an error: “TypeError: objPost is undefined”. What could be the problem? 10x in advance!

View Comment
Ivaylo Spasov
Guest

Also I don’t have any scrolling titles.

View Comment
Divya Sai
Guest

Hi Ivaylo Spasov
I have checked the code in javascript4blogger.blogspot.com, and it’s working fine there.

I think as you have only 1 post, so it might be having some problem, implement this code in your blog, once you have posted 10-15 posts !
(In the mean time you can show titles of any other blogger blog, if you have one)

Regards
Sai

View Comment
Ivaylo Spasov
Guest

Thank you for the information. I’ll try it later when there are more posts in the blog.

View Comment
Ivaylo Spasov
Guest

So I have tested the code. It works with more than 13 posts. Under that number there is an error message.

View Comment
Divya Sai
Guest

Thanks a lot for testing that Ivaylo !
This will be very helpful for other bloggers…

Regards
Sai

View Comment
Srinivas
Guest

This widget is Grt man

View Comment
Shilpa shetty
Guest

how do i change titel color thanks

View Comment
Divya Sai
Guest

Well the titles take the same color as other links on your blog, you can change their background color, by this method:

add any of these (or any color) in the code above instead of var sBgColor;

var sBgColor=gray; or
var sBgColor=”pink”;etc

View Comment
Shilpa shetty
Guest

thanks divya your help is very much appriciated thanks again love your blog thanks god bless you..

View Comment
Ms Hetal Patil
Guest

Hello Divya,

I have used this widget on all my blogs (total of 6 blogs) and its working fine. Thanks a lot for this widget.

But I wish to show updates of all the blogs in one widget like 5 posts from one blog and 5 posts from other blog. Can u help me on this?

I really like ur blog and its a boon for bloggers like me

May Baba Bless u

Sai Ki Deewani
Hetal Patil

View Comment
Divya Sai
Guest

Hello Hetal,

Of course it is possible to show updates 5 or more blogs, but now the updates will not be shown in a single line, rather in 5 different lines/rows of a table…and I think it will look more meaningful too 😉

Use this Code:

<table border="1"><tr>
<td>CODE_FOR_FIRST_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_SECOND_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_THIRD_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_FOURTH_BLOG</td>
</tr></table>
<table border="1"><tr>
<td>CODE_FOR_FIFTH_BLOG</td>
</tr></table>

Regards
Sai

View Comment
Ms Hetal Patil
Guest

Hello Divya,

Thanks for lovely widget.

May Babaji bless u

Sai Ki Deewani
Hetal Patil

View Comment
Divya Sai
Guest

Sai Ram Hetal….

I’m still for your entry at the contest 🙂

Regards
Sai

View Comment
Riley Smith Fan Site
Guest

Preserving this too for my new blog. Good idea to display the content 🙂

View Comment
AMIT SHARMA
Guest

nice bro working on my site
govalerts.blogspot.com

check all viewvers

View Comment
Najaf
Guest

thanks a lot but how to add this widged on blogger classic templates

View Comment
wpDiscuz