It's Close Car Scrolling Recent Posts Widget For Blogger / Blogspot

If you lot convey a lot of ship service on the blog, or if you lot desire to demonstrate everyone your listing of favorite books, but convey piffling infinite inwards the sidebar widget this volition endure a peachy assistance to you. This ship service explains how to add together machine scrolling (marquee) recent posts Widget on his spider web log that looks proficient on your blogspot blog. This is like to the display of recent ship service inwards your sidebar, but this volition convey a marquee inwards this widget. Now if you lot desire to demonstrate your spider web log inwards this way, either on tumble out or bottom of your blog, therefore you lot tin purpose this novel widget:

Live Demo

How to Install Auto Scrolling Recent Posts Widget

Adding The Widget To Blogger

Go to Blogger >> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget

Copy the next code as well as glue within an HTML/JavaScript widget

<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoDnFewAyDhSbJI2Sn2DkZSbYK5fJi3_bBsJX8GpmhnXImTuDLSRWoYG7gXOGB5B3b74ri0aWJ2xbptwm4Qyz3YgM_9HXSw9AxunUhO27HjtrkVDRfipX-ySKbunw7okwEz_eUJKx8MS-A/s1600/arrowe.gif";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF0000";
var jnlinkhovercolor="3366CC";
</script><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<script type='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://bdlab.blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>

Now Replace the http://bdlab.blogspot.com alongside your spider web log Url.


And right away click Save





Note:- Choose appropriate Image Bullet or Icon That convey transparent Background as well as minor inwards Size  

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

You tin exclusively modify the code alongside red color (variables) according to your requirements, for ex. inwards illustration of "var w2bScrollDelay", lower the number, higher  the speed.

How to Install This Widget On 'Blogger' ?

1. Customize Options inwards Given Widget Generator Form
2. Click on Generate Button
3. Click Preview** Button to meet your widget Preview
4. Finally Click Add to Blogger Button to add together this widget on Your blog

**Note:- After changing whatever values, First Click Generate Button as well as therefore See Your Preview

 Note:- Choose appropriate Image Bullet or Icon That convey transparent Background as well as minor inwards Size 

Automatic scrolling Recent posts widget volition plow over scrolling of ship service titles alongside links

Live Demo

This widget has automated MARQUEE Effect volition trial scrolling titles

<script type='text/javascript'>
var nMaxPosts = 10;
var nWidth = 100;
var nScrollDelay = 175;
var sDirection = "left";
var sOpenLinkLocation = "N";
var sBulletChar = ">>";
</script><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href=" /" target="_blank" title="It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot"><img src="https://bitly.com/24workpng1" alt=" or if you lot desire to demonstrate everyone your listing of favorite books It's About Auto Scrolling Recent Posts Widget For Blogger / Blogspot" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type='text/javascript' src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/scrolling-recent/recentpostsscrollerv2-ycode.js' ></script>
<script type="text/javascript" src="http://bdlab.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script>

Now Replace the http://bdlab.blogspot.com alongside your spider web log Url.


And right away click Save

How To Add This Widget :

1. Customize Bellow cast as well as Click on Generate button.

2. And Click Add to Blogger button to add together this widget to your blog.












>> Layout >> Add Gadget >> Select an HTML/JavaScript Gadget



Add marquee notification bar to blogger

1. Go to Blogger
2. Login to your Blogger dashboard
2. Select Layout choice as well as choose Add a gadget option.
3. Select an HTML/JavaScript Gadget
5. In the HTML/JavaScript widget glue next code as well as salvage it.

Live Demo

<style>
#wcnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}

#wc-movtext
{
text-align:center;
padding:8px;
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #ffffff;
}

#wc-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#wc-movtext a:hover
{
color:yellow;
text-decoration:none;
}


</style>
<div id='wcnot-cont'>
<div id="wc-movtext">
<marquee behavior='alternate' direction="left"
onmouseover="this.stop();"
onmouseout="this.start();">

<p>
<a href="http://bit.ly/wmV0kq" target="_blank"><b>How to alter mouse cursor inwards blogger spider web log to animated cursors</b></a>

| <a href="http://bit.ly/x4d7ln" target="_blank"><b>Numbered Page Navigation For Blogger New Script</b></a>

| <a href="http://bit.ly/vGLd4R" target="_blank"><b>Animated Recent posts for Blogger alongside Thumbnails - Simple Spy</b></a>

| <a href="http://bit.ly/xqQlgS" target="_blank"><b>17+ Featured Content Slider for Blogger Using jQuery</b></a>



</p>
</marquee>
</div>
<div>

Note: In the next code supersede Green color code alongside your ship service titles as well as Red color code alongside links to these posts.

Many thank you lot to Harish for making this code as well as I simply tested as well as modified to function on blogger

Tweet

Subscribe to receive free email updates: