Add a ''Recommended Post Slide'' in Blogger / Blogspot

Every blogger and webmaster wants to keep the visitor glued on the website for a maximum time. BloggerPlugins recently introduced a very interesting way to keep the visitors on your blog. They introduced a plugin, a notification plugin, that appears on the blog and recommend your blog users to read another related article. The best thing about this plugin is, its really simple and eye-catching.

Earlier, the idea was developed by Mary Lou, later bloggerplugins made a number of modifications in the plugin in order to let the plugin work more properly. Here is how the recommended article notification will appear like;

 

How to Add this Widget?

Its really easy to use this plugin on your blog. Simply click on the picture below and it will add the widget in your desired blog.

<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://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.folsol.com/2012/02/add-recommended-post-slide-in-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEE_owhf5p3nKLDNze3eOj68xUjS9mwmxm6W63K_DDJRET6RyJdjqwJtl2DZjFCQ11ZUAKs8R3r6PPskTCweHWqhimOTW6W9u7rdydANasf5U06Uo-4j05GAjNAyq4qclJnNqS-Muhbg/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

For additional modifications and customizations in the plugin, you can visit the developers post here.