Add a cool recent posts slider to your blog as the one at the top of the page that can be closed with one click
add the following code to to any Html/JavaScript unit and replace http://blogger4blogger.com with your own blog URL you can also change direction from left to right and change the number of posts to be displayed by replacing the yellow number with any custom number .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="http://olusegun-fapohunda-calculator.googlecode.com/svn/recent-post-scroller-version2.js"></script><script src=" http://stickybarrecentposts.googlecode.com/files/tayyab.js "></script><style>#jn-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq_jErxbNau62VDv7B10P7-E5wGe_mMMNBMlb0A2wRTJLH8oo5GeQGCsZsh6lNYg9eIsE5WqW3jR8Wxt_bVE5iKaN3yOKI7l9F-C_VaqgonD6O0wCotqAMzwBa-TIUKbDCjpYZrZDqnUw/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;}#jn-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#jn-stickybar a:hover{text-decoration:underline;}#jn-stickybar p{margin:0;list-style:none;}#jn-stickybar img{vertical-align:middle;margin-right:6px;}#jnclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='jn-stickybar'><script>var nMaxPosts = 6;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";</script><script style="" src="http://www.blogger4blogger.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=6 " ></script> <a href="#" id="jnclose" onclick="return false;"><img src="https://lh4.googleusercontent.com/-8Ly9aGE7mAI/UL4OUf7sajI/AAAAAAAABWY/N4ZzzbyJndU/h120/Delete-2-icon.png"/></a></div id='jn-stickybar'>
blogger widgets