How To Add A Scrolling Recent Posts List To Your Blog

As always I'm on the look out for tips, Widgets and Gadgets to display your recent and popular posts and keep people on your blog.With a little help we can implemnt a few tricks to achieve this.
This widget is nice clean and simple and will scroll your recent posts across your blog taking up very little space.

You should check out how it looks :

Click Here To See A Live Demo

Once your cursor hovers over a post title it will stop scrolling so you can easily select the post you want.

I think it would be best placed above your posts like below :

So how do we add it to your blog

Step 1 :Copy the code below :

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><script style="text/javascript" src="http://flowerfall.googlecode.com/files/spiceupyourblogscroll.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://spiceyourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

You Must Change My .Blogspot Adderss:

spiceyourblog.blogspot.com

To Your .Blogspot Address :

your-blog-address.blogspot.com

Step 2 :Click 'Layout' Then 'Add A Gadget' for your blog..

Step 3 :Choose Html/Javascript from the menu..

Step 4 :Once You Choose Html/Javascript you are provided with an area to place the code - paste in the code you have copied from above.

Options :

If you like you could write Recent posts above the gadget the post titles will scroll below

You can also change the (speed =175) (maxposts =15) (direction =left) (OpenLinkLocation=N)(BulletChar=•)

If you have expirence there is more you can edit if you want help changing anything leave a comment below

That's it your recent posts scroll has been added.

Have you used it let us know.How does it look on your blog?

If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email

10 comments:

BonnieJan 8, 2011 09:44 AM
Hi, I have have seen a similar scrolling gadget that welcomes all new followers. It is set to automatically pull from the follower list every time someone follows the blog. Is there a way to tweak this code to pull from the follower list instead of the recent posts? Thanks.

Bonnie
ahmed murtazaMay 12, 2011 11:39 AM
hi instead of text how could we put image of something and some of my new post i dont want to scroll so how can i remove that from scrolling
MittsMay 30, 2011 07:04 AM
I have tried and tried but this still will not work on my blog. I still cannot get it to work. I followed your instructions, what is it that I might be missing? I added my blog name and address as instructed and after reading and rereading the code time and again I still can't figure out why it will not work.
I like the idea, but it isn't working for me on blogger.
Paul CroweMay 31, 2011 05:30 AM
@ Mitts - It must be conflicting with something else on your blog, unless you can figure out what mabye this one is not for you.
Marianne@SongbirdJun 1, 2011 07:45 AM
Oh gosh I hope you still read comments on older posts.
Thanks for this tutorial it was exactly what I needed, except now of course I would like to tweek this a bit more (I always do, sorry).
See I have a blog in the crafts and home decor niche, so my posts are always picture heavy. Therefor I have set my settings to maximize the number of posts to load at once to four. But alas that means that on my label page only four titles in the list are displayed too and then people have to go to 'more posts' is there a way to change the html, that on a label search page only, blogger will display a larger number of links?
Hope you get what I mean.
Thanks for a wonderful blog and an even better service you provide!
Bard GirlJun 9, 2011 01:13 PM
I added it and it just doesn't work right. The names of the posts can be seen but they are scrolling sideways and there's just this empty space above it.
Paul CroweJun 9, 2011 03:01 PM
@ Bard Girl - It could be effected by something else on the blog, some people seem to be having trouble with it.I'm afraid it might not be suited to your blog.
SELLAKUMARJun 15, 2011 06:12 AM
useful trick.. thanks...
SrlmcbJul 3, 2011 05:36 PM
I did it but the image box is blank. Got the scroll on my blog posts thou! So now what do I do to get empty image box off or is it suppose to have my blog pics?
alexaSep 9, 2011 01:33 AM
its nice tips to blogger .and yes i want to add in my blog page but sadly its not work on my blog page . i follow all instruction add code in my blog but its just white box with broken image :( plz tell me any idea why its not working on my page thx in advance :)