New version of recommended post slide out widget with social share buttons

R

ecommended posts slide out widget always helps your blog visitors to keep surfing different posts on your blog without leaving your blog, I had given you recommended slide out post widget version 1 in my older post, hope you enjoyed with it,  and now m back with new version of recommended slide out post widget with social share buttons and more customization option, in this widget i have included facebook like button, twitter share button and google+ button, and also give option to change position of the widget,in old version widget it was fixed at right side of your page corner, but in this widget you can freely set position of the widget as you want to show left or right ! and also give option to change color of top border as matching with your blog/site and  more..

Demo Of The Slide Out

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

How To Install This Widget To Blogger?

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)

<data:post.body/>

Immediately below it, add the following snippet and save your template

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

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

Next?

To add the widget to your blog..... 

• Customize Settings as you need
• Click on "Add to Blogger" button
• You have done !

---

Hope you enjoyed this widget If you loved the Slide Out, do share it with your Blogger friends. drop your comments and questions below...