Recommended Post Slide Out Widget for Blogger

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.

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