Recommended Post Slide Out Widget for Blogger

Download Your Required File through Adlock Downloader (Secure Fast Downloading)

You May have Noticed On many WordPress Blogs,that at The Bottom of Blog a Medium Box Slide Out ,Showing The Related Post To The Contents.That Box is a WordPress Plugin,But Now it became a Blogger Widget.You can Add that Widget To Your Blog.Recommended Post Slide Out Widget for Blogger is an Invitation to the Readers to read The Quality Articles,And As A result this widget helps the blogger to increase its page-views.Its Super Benefit is , that it has a great effect on Page CTR.Here is a Preview for This Widget.Now if you want to Add this Recommended Post Slide Out Widget To You Blog.So Follow the Below simple and easy steps.
Recommended Post Slide Out Widget for Blogger

~ How To Add Recommended Post Slide Out Widget for Blogger
  • Go To Blogger.com >> Blogger Dashboard >> Then Click On Layout/Design.
  • After That Click On Add A Widget.
  • A Box will Pop-up , Select HTML/JavaScript.
  • Now Copy The Below Script/Code and Paste it in HTML / Javascript Box.
<div id="hlslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="hlslidein_image"></div> <div  id="hlslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_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(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://www.rockpaki.com" target="_blank"></a>

  • Now Hit Save HTML / JavaScript .
  • Now Go To Blogger Dashboard Again >> Click On Template >> Edit HTML >> Proceed it
  • Check the Small Box "Expand Widget Templates",and Search for Any of The Below Codes/Tags (by Pressing CTRL+F).
<div class='post-footer-line post-footer-line-1'>
OR
<data:post.body/> 
OR
 <p class='post-footer-line post-footer-line-1'>

  • Now If You Found any Of The Above Script in The Template. Then Just Copy The Below Script and Paste it Below any of the Above Mentioned Tags. 
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

  • Now Whenever Someone Visit your Blog,and Scroll down below , This Recommended Post Widget will Slide Out Smoothly.
  • Now Just hit Save Template and You Are Done xD !
~ Happy Blogging,Peace and Love xD !


ShareThis

Google+ Followers

About Me

My Photo
A Blogger, Student and SEO consultant from Pakistan,  I spend most of my time in front of my PC, I love to blog about various topics. 

Followers