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
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
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&callback=RecentPostsScrollerv2"> </script>
Now click SaveIt will look like this:
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="feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&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>
