HOW TO ADD RECENT POST SLIDER STICKY BAR TO BLOGGER ?

This week is rated good for blogging-heaven.We are up in SERP boast in subcriptions and also in social media followers.Last week is also seems to be widget week on blogging-heaven blog with three amazing and unique widgets for blogger.We will be concentrating on the new widgets this week also to enhance your blog with somekind of new beuty so here is the new widget to enhance your visitors  and  it could majorly effect you blog bounce rate.Our blog bounce rate also decreased by 9%.We will tell the core secrets that how we did it in just 15 days next week so don`t hesitate to subscribe if you wana notified by email.

How To Add Sticky Bar ?

1. Login to your blogger account >> Layout menu>> Add Gadget>>Add HTML
2. Just Paste the above coding in the html area

<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/AVvXsEjZPb7mbU7Xkyz_3NILUskRTH-iF908pgGGd-QRVmJ-zQLszT_4-bcAacHxuwy9IQkwmi_Ygyrkl3Uw9WAOmtnHVw5hBLHy4SJ8UVGWiXtvAt7abeNvNBlhuyrwPPo55BjIP7quYSZbxNQ/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.blogging-heaven.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;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'>

Customization 

1. Change the red coloured line with your blog url
2. Change the orange coloured line with the number how much posts you wana show on the sticky bar
3. Change the pink coloured text. To set from where the sliding starts "Left" or "Right".

From the authour`s desk > > > >

This will help your visitors to see your blog recent posts .The sticky bar is build with ultra fast jquery will never effect your blog perfomance and will never annoy your loyal visitors as i stated above next week i shall tell the core concepts and techniques that how to decrease your blog bounce rate by 9% in 15 days so subcribe by email if you wana notified by email.Till then stay blessed peace and and happy blogging..!