Every Blogger wants that his/her visitor stay for long time on there blog , and the best way in achieving this is to add " Recommended For You Slide Out Widget " to your blog, this will make readers stay longer on your blog . This widget is a type of invitation to your blog readers to read another post after reading one of your blog Post. This widget can be found on many top blogs on Internet, Like New York Times, Mashable, Times of India and etc.
Tutorial
1. Go to Blogger, Click on Layout and than click on Add a Gadget than select Html/ Javascript Widget.
2. Paste the following code in it.
3. Now save this and go to Templates and click on EDIT HTML > >Expand Widget Templates box.
4. Now Press CTRL + F and search for any of these Lines
<div class='post-footer-line post-footer-line-1'>
or
<p class='post-footer-line post-footer-line-1'>
or
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Save the Template and Have Fun :)
Tutorial
1. Go to Blogger, Click on Layout and than click on Add a Gadget than select Html/ Javascript Widget.
2. Paste the following code in it.
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://slideout.googlecode.com/files/Slide%20out.js",function(){},"bp-out-slide")},"jQueryjs")} </script><a href="http://www.smartgalaxyy.tk" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84PLUL1RzCdwAvUaVXp5QJvbV10YtEMlLiQmLHRrk79KJMUNI3Djb3WagZNThnaYiWxBV2MtHOrJoJBYUqtd4iJ6viYdRkbPOk9J6ZZ7g9l4Noi8YVHcZC2g7fLybp1ZspzTFzFgXgg/s1600/www.justnaira.com.png" alt="Recommended Post Slide Out For Blogger" /></a>3. Now save this and go to Templates and click on EDIT HTML > >Expand Widget Templates box.
4. Now Press CTRL + F and search for any of these Lines
<div class='post-footer-line post-footer-line-1'>
or
<p class='post-footer-line post-footer-line-1'>
or
<data:post.body/>
Immediately below any of these, add the following snippet and save our template
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Save the Template and Have Fun :)
