Auto Scrolling Recent Posts Widget For Blogger / Blogspot

ඔන්න යාලුවනේ මම අද කියන්න යන්න ඒ කියන්නේ දෙන්න යන්නේ ඉබේම  ස්ක්‍රෝල් වන ටෙක්ස් දෙන්න පහලින් කෝඩ් එක බා ගන්න කෝඩ් තුනක් තියනවා එක එක විදියට ස්ක්‍රෝල් වන බලන්නකෝ බාගෙන 

1 code

<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/AVvXsEjG81lBjEVc1Dz6OO8ii2Gt-pc-KLmNaynUSyqmCDAfmmjZ2dXZnSmYQWOPAgogPXHTCmP4LZbOX4QunpXxkHPJcJukQ1l53CXsH_IyT6KwkOgjYGR8ik7krQcr8NkcO-f2pufy5J1GAHOV/s1600/arrowe.gif";

var jnfontsize="16";

var jnbgcolor="FFFFFF";

var jnlinkcolor="FF0000";

var jnlinkhovercolor="3366CC";

</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" 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>

2 code

<script type='text/javascript'>

var nMaxPosts = 10;

var nWidth = 100;

var nScrollDelay = 175;

var sDirection = "left";

var sOpenLinkLocation = "N";

var sBulletChar = ">>";

</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" 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>

3code

<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 change mouse cursor in blogger blog 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 with 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>