Most the times visitors will tend to read only one post per blog and jump to another site to look for another informations. In order to let them stay longer with your blog you need some gadget or widget like "Other People are Reading Version 1 and 2 " and "Recommended for You" in order to boast also your pageviews everyday. Today in this tutorial, I will share to you on how to add recommended for you Widget. Don't worry for the process are very simple, just follow the steps below.You can see the live demo when you scroll down at the bottom of this page.
Step 1. Go to Blogger Dasboard
Step 2. Click Lay- out
Step 3. Hit the Add Gadget button
Step 4. Select HTML/Javascript gadget
Step 5. Copy the code below and paste it inside the blank page in your HTML/Javascript gadget in step 4
Step 6. Save your work.
Note: To be more effective, drag this gadget in your footer area
Enjoy And Happy blogging
Adding Recommended For You In Blogger
Step 1. Go to Blogger Dasboard
Step 2. Click Lay- out
Step 3. Hit the Add Gadget button
Step 4. Select HTML/Javascript gadget
Step 5. Copy the code below and paste it inside the blank page in your HTML/Javascript gadget in step 4
<div id="hlslidein" style="display:none;"> <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://helplogger.blogspot.ro/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"></a>
Step 6. Save your work.
Note: To be more effective, drag this gadget in your footer area
Enjoy And Happy blogging
