Add Ajax Recommended Post Slide out Widget in Blogger

“Keep your visitors stick up with your blog” This is what every blogger wants to do. Today I am going to tell you about a widget of which might do the trick for you. 

"The Recommended Post slide Out Widget" does just that. It’s like inviting your reader to read a new post once he has read one of your blog entries. You may see a demo in this site. Such go below this post.

Demo of the Slide Out

Scroll down to the bottom of the post and you should see the Recommended Slide Out.

Add the Recommended Post Slide out Widget

To add the widget to your blog, you can use this one click installer.

Customizing the Recommended Slide out

1. End Of Post marker – The slide comes out when the user scrolls down to a particular point in your Blog.(the bottom of the page by default) To mark this point, you can add an HTML element there. The element should have the id bpslidein_place_holder

e.g.: <div id='bpslidein_place_holder'></div> would do the job. The best place to add this marker would be at the end of the post. If you want to do it easily, you can add this to your Blogger Template.

In your template Find,(You will have to expand the Widget Templates)

<div class='post-footer-line post-footer-line-1'>

or

<p class='post-footer-line post-footer-line-1'>

or

<data:post.body/>

Immediately below any of these, add the following snippet and save our template

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

All done! Now when the reader scrolls down to this div, the slide will open up.

Happy Blogging!!!

Posted in: blogger,website,widget