Auto-scrolling-recent-posts-widget

Auto Scrolling Recent Posts Widget, Blogger recent posts in your blog which looks Good in your Blogger blog. This is similar to display recent posts in your side bar or any where you want, but this will have marquee effect in this widget. You can scroll recent posts horizontally or vertically according to your need. In my Previous post Many Bloggers are asking for Setting out Font Size, Background color, Image Bullet, and so on.

I include all feathers in this widget and redesigned for U. I hope you are happy with this one also....

Watch live Demo

 How To Host HTML,CSS,Javascript, and other Static files using Google code and subversion     Decorate Your Blog With Cool 3 Widgets For Christmas     Add Bubble Effect To Your Blogger/Blog     Metadata Elements - Revisit-After META Tag     Add Animated Flying Santa Twitter Bird Widget For Blogger / Blogspot ( For This Crishtmas )     Spinny Leaf Menu in blogger/blogspot     Awesome Tilt Image Effect In Blogger     CSS3 Typing Animation In Blogspot     Have a large screen & good internet? Watch YouTube XL Videos on your HDTV     Create Ajax Style Loading Animated Gif Images Easily With 3 Free Online Generators      + Grab this Widget on Making Different

Demo does not works Properly here, But when we add as widget it Works Great!

http://gj37765.blogspot.com/2011/06/add-auto-scrolling-recent-posts-widget.html

http://gj37765.blogspot.com/2011/06/auto-scrolling-recent-posts-widget-for.html

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<script style="" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/recentpostsscrollerv2.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://Yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"> </script>

Now click Save

It will look like this:

»» How to Change Feedburner Email Subject Line  »» Make Blogger Post Title Unclickable In Single Post Page  »» Hide/Show Widgets/Gadgets in Home/post/static/archive pages in Blogger  »» Add Animated Flying Twitter Bird Gadget For Blogger  »» How to Add Bookmark Us Hyperlink to Blogger Blogs  »» Add Animated Flash Clock To Your Blogger blog  »» How to add “Email Subscription Form” to your blogger blog  »» How To Add Html And Other Codes To Your Blog Posts  »» Replace Newer, Older And Home Links With Images In Blogger  »» Customize Blogger Read More Links With image Buttons  »» How To Customize Blockquote In Blogger  »» How to Highlight Blog Author Comments in Blogger  »» How to change Timestamp format in Blogger  »» How to limit the number of posts displayed in label pages  »» How To Add 3D Horizontal Link List to Blogger   Powered By Wolverine -Grab This Widget

First, simply add and test the code without changing anything [ofcourse you have to add the blog address], then after watching it live on your blog, make further adjustments.
for ex.in case of "var nScrollDelay", lower the number, higher will be the speed.


SAU
<script style="" src="http://btemplat.googlecode.com/files
/%28gj37765.blogspot.com%29recentpostsscrollerv2.js"></script>
<script style="" >
var nMaxPosts = 10;
var nWidth = 100;
var nScrollDelay = 175;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = ">>";
</script>
<script style=""  src="Your-blog-url-herefeeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <noscript><a href="http://gj37765.blogspot.com/2011/06/auto-scrolling-recent-posts-widget-for.html">+ Grab this Widget</a></noscript>

sau

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



<script type='text/javascript'>
var w2bWidth="100";
var w2bScrollAmount="1";
var w2bScrollDelay="95";
var w2bDirection="left";
var w2btargetlink="";
var w2bnumPosts="15";
var w2bBulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="Your Image URL";
var w2bfontsize="18";
var w2bbgcolor="#E0FFFF";
var w2blinkcolor="#0000A0";
var w2blinkhovercolor="#FF0000";
</script>

<script type="text/javascript" src="http://yourjavascript.com/81304115189/Computer tips and tricks.js"></script>

<script type='text/javascript' src="Your Blog Feed URL?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=15" ></script>


First, simply add and test the code without changing anything from the below (For Live Demo) [ofcourse you have to add the blog address], then after watching it live on yourblog, make further adjustments :) 

Many Bloggers are asking for Setting out Font Size, Background color, Image Bullet, and so on. 

I include all feathers in this widget and redesigned for U. I hope you are happy with this one also....


For Live Demo

<script type='text/javascript'>
    var w2bWidth="100";
    var w2bScrollAmount="1";
    var w2bScrollDelay="95";
    var w2bDirection="left";
    var w2btargetlink="";
    var w2bnumPosts="15";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhr_CRe6waCOkid3bZYRBDO9qrQmjfdRpsA1sMMF76K_6DlMER1nDjT83siTJfwkBBcLdrgNBy9po8BsjtCYq6OAJt-Z55wrlT3ix2SlxwizEqOPmUqAtWDLM4yB6wbs6cJUMMvxF_Ml-A/s1600/JerryAni.gif";
    var w2bfontsize="18";
    var w2bbgcolor="#E0FFFF";
    var w2blinkcolor="#0000A0";
    var w2blinkhovercolor="#FF0000";
</script>

<script type="text/javascript" src="http://yourjavascript.com/81304115189/Computer tips and tricks.js"></script>
<script type='text/javascript' src="http://f2day.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=15" ></script> 


Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size   

ScrollAmount:	(0 = No Scroll)
ScrollDelay:	(0 = MaxScrollSpeed)

You can only modify the code with red color (variables) according to your requirements, for ex. in case of "var w2bScrollDelay", lower the number, higher  the speed.


SAU

<script style="text/javascript" src="http://digitalgupshup.110mb.com/DigitalGupshup_scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 10; 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>