Auto Scrolling (marquee) widget HTML code for Blogger recent posts

Advertisements:

This post explains how to add auto ScScrolling widget blogger recent posts 150x150rolling (marquee) Blogger recent posts in your blog which looks cool in your blogspot blog. This is similar to display recent posts in your side bar, but this will have marquee effect in this widget. You can scroll recent posts horizontally or vertically according to your need.

Steps to add auto Scrolling HTML code:

  • First sign in your Blogger dashboard
  • Go to Layout > Add Gadget > Add HTML/Javascript
  • Go to HTML code (opens in new window) Select all (Ctrl+A) Copy and paste in blogger HTML/Javascript window.

Change the values in the HTML code as per your requirement (Default values are good, but change http://yourblog.blogspot to your blog address compulsary):

nMaxPosts = 10; (Number of posts you want to display)

var nScrollDelay = 175;  (Speed of the scrolling text, change the number and increase or decrease the speed)

var sDirection=”left”  (left for scrolling horizontally and up for scrolling verically)

Also change http://yourblog.blogspot.com to your blog address in the HTML code.

Thats all, now enjoy the scrolling widget in your blog. Ant doubts? ask via comments..


widgets

18 Responses to Auto Scrolling (marquee) widget HTML code for Blogger recent posts

  1. manendra October 8, 2009 at 10:24 pm #

    sir i am using this effect in my blog but it does not match to my blog colour can u plz tell me how can i change the scrolling effect fonts colour and how to make them bold style..! If possible plz make its colour to green make the font size little but larger and make thm to bold style. and plz mail me to my mail id muzikraft@gmail.com

  2. TechGeeze October 16, 2009 at 2:58 pm #

    I have find a quick and easy to install and customize Recent Post Widget with thumbnails. You can install it in minute with hassle-free complicated manual code installation.

    Find at the link above.

  3. TechGeeze October 16, 2009 at 2:58 pm #

    I have find a quick and easy to install and customize Recent Post Widget with thumbnails. You can install it in minute with hassle-free complicated manual code installation.

    You may look at this link for more information : Recent Posts Widget with Thumbnails

  4. videoseek November 17, 2009 at 11:36 am #

    it sounds good and some other people also made the codig it is realy nice. lets see what i can d0 my self

  5. Great Movie Pack January 5, 2010 at 1:00 am #

    can you create a recent posts with thumbnail which scroll with arrows on left and right side widget HTML code for Blogger

  6. gameboy February 6, 2010 at 3:18 pm #

    i will check it in my blog

  7. Robin March 27, 2010 at 1:21 pm #

    Is there any way to add background color on this hack. Just take a look in my blog. I added this trick just above the post. I wish to ad bg color inside the border. Pls help.

  8. Gopi June 19, 2010 at 6:29 am #

    I want to scroll latest post which is under one label

  9. Gopi June 19, 2010 at 6:29 am #

    I want to scroll latest post which is under one label

    reply Dude

  10. kampung online October 13, 2010 at 9:29 pm #

    i still confuse..
    how??

  11. yahaya October 28, 2010 at 9:26 am #

    not working…

  12. PK shah November 24, 2010 at 4:26 am #

    I want scorlling widget for recent comments. can you please suggest

  13. c.honda November 27, 2010 at 3:36 am #

    i want to add image instead of bullet char in the scrolling. can you suggest me? Thanks in advance

  14. Kathrine Underkofler January 21, 2011 at 4:31 pm #

    HTML might be harder to update, but it is definitely safer with less chances of people hacking it (ie, javascript and ajax)

  15. Gautam February 5, 2011 at 6:43 am #

    does this code work for website ??

  16. emad March 21, 2011 at 7:27 am #

    i want to repeat

  17. APLHSINDIA June 20, 2011 at 8:47 am #

    plz tell me how to change color of font

  18. Vinod September 23, 2011 at 3:44 pm #

    Thanks for this support!!

Leave a Reply