Add Recommended For You Slide Out Widget To Blogger

Add Recommended For You Slide Out Widget To Blogger

Recommended For You Slide Out Widget is the Best widget which you should use in your blog, When reader scrolls down the page the Recommended For You widget Slides Out in the Right bottom Corner like an invitation to your reader to read new post, and keep your visitor for a long time on your blog. which will help help you to increase traffic of your Blog.

ALSO READ:

• Huge List Of Dofollow CommentLuv Enabled Blogs 2014
• How To Auto Like All Status And Comments On Facebook
• 5 Best Recent Posts Widget for Blogger 
  

 

How To Add Recommended For You Slide Out Widget To Blogger

1. Login to your blogger Dashboard and Move to Layout option.

2. Click on Add a Gadgets/Widget

3. Now select Html/Javascript option.

4. Copy & Paste the code below code in the box and Save.

<!-- Recommended For You Slide-->

<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>

<!--Recommended For You Slide Ends Here-->

Thanks for visiting and reading the blog. I hope you enjoyed this tutorial and will help you. So keep visiting our blog and do share this post with your friends on facebook twitter and google plus..