How To Add Recommended Posts Slider Widget In Blogger

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Recommended posts slider is a widget when visitors scroll down any post of your blog, a pop up slide out widget appear and recommend them relevant post. It is undoubtedly a effective method in order to hold visitors. The more time they will stay on your blog, the more traffic you will make, thus the more chances will created to earn money from AdSense or other PPC program. we do many things to get more visitors. This slide definately will help you to sustain visitors. If you install this slide visitors will jump one page to another

However it is very old method. This service was provided by simplereach but now seems they stopped this service. you cant add a recommended slide post in wordpress because their plugin is not working anymore. Similarly you can not use it normally in blogger. But bloggerplugins made super changes on this system. You can add the slide in blogger just adding few codes in template

Go to Dashboard → Design → Edit HTML → Tick on Expand Widget Templates

Now find the following code using F3

<data:post.body/>

If your template has a read more option then you might have 2 or 3 <data:post.body/> You must tagert the last one


Now paste the following code just after the code mentioned above

<b:if cond='data:blog.pageType == "item"'>
    <div style='display:none' id='bpslidein_place_holder'></div>
    </b:if>

Remember: You must backup your template

Now save the template

Again Go to Page Element And Add a HTML/JavaScript widget

Now paste the following code In the widget and save

<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("https://rafiblog.googlecode.com/svn/recommended.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://www.edutechnology.net/2012/04/how-to-add-recommended-posts-slider.html" target="_blank"></a>

Now reload your blog

If you have any question please comment here. Please take only 10 second to share our post if you like

Tweet

Recommended posts slider is a widget when visitors scroll down any post of your blog, a pop up slide out widget appear and recommend them relevant post. It is undoubtedly a effective method in order to hold visitors. The more time they will stay on your blog, the more traffic you will make, thus the more chances will created to earn money from AdSense or other PPC program. we do many things to get more visitors. This slide definately will help you to sustain visitors. If you install this slide visitors will jump one page to another However it is very old method. This service was provided by simplereach but now seems they stopped this service. you cant add a recommended slide post in wordpress because their plugin is not working anymore. Similarly you can not use it normally in blogger. But bloggerplugins made super changes on this system. You can add the slide in blogger just adding few codes in template Go to Dashboard → Design → Edit HTML → Tick on Expand Widget Templates Now find the following code using F3 <data:post.body/> If your template has a read more option then you might have 2 or 3 <data:post.body/> You must tagert the last one Now paste the following code just after the code mentioned above <b:if cond='data:blog.pageType == "item"'> <div style='display:none' id='bpslidein_place_holder'></div> </b:if> Remember: You must backup your template Now save the template Again Go to Page Element And Add a HTML/JavaScript widget Now paste the following code In the widget and save <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("https://rafiblog.googlecode.com/svn/recommended.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://www.edutechnology.net/2012/04/how-to-add-recommended-posts-slider.html" target="_blank"></a> Now reload your blog If you have any question please comment here. Please take only 10 second to share our post if you like