Friday, October 09, 2009

"Horizontal scrolling recent posts" for your blog


Found this hack to make a horizontal scrolling recent post at IdeasBubble, tested it at Star Home Improvements. Before you implement this, read this caution note.

If you want this horizontal scrolling "recent posts" just below your blog Header, first you got to add extra "Add a gadget" to the blog Header section (more specific instructions at Adding "graphic" to blog Header)

When you have this extra "Add a gadget" (gadget were previously called page element), sign into Dashboard, click LAYOUT then the "Add a gadget" in the Head section. Chose the HTML/Javascript gadget:

HTML/Javascript gadget

then copy-paste this script into the HTML/Javascript gadget:

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.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://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>


Replace http://YOURBLOG.blogspot.com/ with you actual blog URL, preview, and if satisfied, save.

Caution

I tried varying some of the parameters (attributes) like changing

nScrollDelay = 175;
to
nScrollDelay = some number;

and got eratic results, among which were getting error messages when trying to access the edited blog like this one: Recreation and sport (blog only displayed by clicking OK in the error message. Would do more testing later if I find the time) (Update: managed to get rid of that irritating error message by changing templates, and finally by going to LAYOUT > EDIT HTML > click Revert widget template to default at the bottom of the page, publishing a few posts. Don't know exactly what cleared the problem. Will do somemore experimenting later)

26 comments:

  1. Thanks sir,
    Recently i migrated form one blogger blog to another due to some reason.

    And making new one with good template. So your tip helped me.

    ReplyDelete
  2. great...wanna try using with google ajax api for display ur headlines posting by hoctro.....saloom from blogger indonesian

    ReplyDelete
  3. is there a way to have thumnails aswell?

    ReplyDelete
  4. The script does not seem to work in my blog. Have you now removed the script?

    ReplyDelete
  5. Go over to Star Home Improvement and see that it is still working. Did you read the last part of this post?

    ReplyDelete
  6. Yes Buddy, I did read the last part of your post. I want this mechanisum just above the 'sections' and all I get it a 'blank' widget. I went to http://star-home-improvements.blogspot.com/, to see what results I ment to get, and I can not see it there either. Help buddy? And have a nice new year.

    ReplyDelete
  7. What browser are your using. Perhaps ask someone you know to have a look at Star Home Improvements and ask them if they can see the scrolling text.

    ReplyDelete
  8. Thanks, it's working in my blog. But I want the 'Powered By' to be removed. Please help.

    ReplyDelete
  9. First you need to tell us what template you are using:
    1. old classic template or New xml template
    2. if new xml template, have you converted to the Template Designer

    ReplyDelete
  10. how can I change background color

    ReplyDelete
  11. i mean the widget background color... if anyone knows please help

    ReplyDelete
  12. Thanks for the information. Haven't tried yet but would do it.

    Kirby of Concord

    ReplyDelete
  13. Hi thanks its working.But is there anyway we can show only the post images instead of post tittle ?

    ReplyDelete
  14. thanks u prend.........how if with images ?

    ReplyDelete
  15. A nice add on. May I also suggest that people also look www.rsspump.com if they want an RSS widget /service that works well on all browsers.

    I've added it to my latest blog:

    http://www.irishtechjobs.net

    Works well!

    ReplyDelete
  16. yeeaah....its nice share

    ReplyDelete
  17. awesome its working thank you very much.......

    ReplyDelete
  18. I want the 'Powered By' to be removed. Please help.

    ReplyDelete
  19. thanks for the post it looks great on my blog. I just don't know how to edit text color. thanks a lot

    ReplyDelete
  20. Not working for my blog hot-wallpapers.blogspot.com

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics