Auto Scrolling Posts Widget For Blogger



Today I am post a Widget called "Scrolling Posts Updated Widget". This is 100% working and error free , some features can be also editable.Very easy to install. This widgets has some special effects and that is listed below.

Features Of Scrolling Post Widget

  • Widget has marquee text
  • Auto updating of posts
  • Text stops when moseover
  • Good color and design
  • Arrow infront of every post to identify the post
  • Close button below on the scrolling text to close the entire widget
  • Text is linked to correct post in your page
demo, widgets, tips blogger

Instructions For The Installation 

  1. Login to Blogger Account
  2. Click Page Elements
  3. Add a Gadget 
  4. Select HTML / Java Script
  5. Add The Code and Enjoy




script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="https://gj37765.googlecode.com/svn/trunk/html/mddemo/recentpostsscrollerv2.js"></script><script src="http://gj37765.googlecode.com/svn/trunk/Making%20Different-Stickybar.js"></script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitM_lD3ZH4uMQgimliqmO1dWycU49t49lb896qguDdUqncVz7lhdXLGB29JeAlBFrKc9qn_FTlh9VFLUkbK-c7LLzNQnVo3D6yygEkdgPgozCkOnLK6jvawlZbm-zWiGjhQPHgsOnpm4c/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = "<img src='http://1.bp.blogspot.com/-YdwFbgjvh8c/T-r-HhR6DiI/AAAAAAAAAr4/M8ry6fYiwF8/s1600/SubNavArrows.gif'/>";</script><script style=""  src="http://www.codesblog.in/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <noscript><a href="http://www.codesblog.in/">+ Add this Widget</a></noscript><a href="#" id="mdclose"  onclick="return false;"><img src="http://4.bp.blogspot.com/-Is8_holy3SQ/T-r-A0Lz9zI/AAAAAAAAArw/sekkY25PVHg/s1600/CloseButtonHot.bmp"/></a></div id='md-stickybar