Saturday, 14 April 2012

Recommended Post Slide Out Widget For Blogger

Important: All scripts hosted on widcraft.googlecode.com don't work anymore because Google has blocked that SVN repository.

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

Customize The Recommended Slide Out:

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-line1'>


Or


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


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>


Now when the reader scrolls down to this div, the slide will open up.
Important: Check our new website TricksPanda.com for WordPress tutorials, plugins and more.
 
Powered by Blogger.