Create A Recommended Post Widget With Sliding Effect


When you arrived in some blogs, You probably noticed the "Recommended Post" slide everytime you reach the end of the post page. Wordpress users used to have this before made available for Blogger.

To add this widget, Please do the following steps :
    Add HTML widget into your blog.
      • Log in to Blogger.
      • Go to Dashboard > Layout.
      • Click on Add a Gadget.
      • Select HTML/Java Script widget.
      • Copy the the following codes and paste them into the widget 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://helplogger.blogspot.ro/2012/06/recommended-post-slide-out-widget-for.html" target="_blank"></a>
        • Save your widget. 

        Insert HTML codes using the template editor

        • Go to : Template - Edit HTML - Proceed
        • Checkmark the "Expand Widget Templates''.
        • Using CTRL+F, Find any of these codes (The first one is commonly found in most Blogger templates) :
          1. <div class='post-footer-line post-footer-line-1'>
          2. <p class='post-footer-line post-footer-line-1'>

          3. <data:post.body/>
            • Insert the following codes AFTER "any" of the above codes :
                <b:if cond='data:blog.pageType == "item"'>
                <div style='display:none' id='bpslidein_place_holder'></div>
                </b:if>
                Save your template.

                Also from Amazon :   
                    1,000 Creative Writing Prompts : Ideas for Blogs, Scripts, Stories and More
                    When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.

                    Other Great Stuffs : 

                    Celebrity Blogging
                    Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!

                    If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
                    Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!

                    Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
                    How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29

                    1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !



                    ?max-results=10">');

                    ?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");