Pinterest is very-very popular now-a-days to share your images and blog posts. On many blogs you have seen Pinterest button to share images which have links of blog post on Pinterest. Many writers have created Pinterest button in different ways and effects. In this article I will cover the Pinterest button which have share behavior like Twitter tweet button. Button near your blog post will able to share post thumbnail only if post have any image, post title and post permalink. For this purpose I have modified or customize Pinterest default button available on Pinterest goodies. You can see the button in action on this blog.Original Pinterest button code :
<a data-pin-config="beside" href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
Customized Pinterest button code :
<a data-pin-config='beside' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.title'><img alt='Pin It' title='Pin It' border='0' src='//assets.pinterest.com/images/pidgets/pin_it_button.png' /></a>
How to insert customized Pinterest button code?
- Go to Blogger Dashboard › Select blog › Switch to Template tab › Edit HTML › Check Expand widget template
- Now search template for <data:post.body/>
- If you want to place tweet button code above post then insert code above <data:post.body/> or if you want to place tweet button code below post then insert code below <data:post.body/>
- Paste the following script just above </body> tag in your template
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
- Save the template changes › Done
Conclusion:
After completing all steps explained above you can find that Twitter tweet button kind Pinterest button works perfectly for each post on your home page and show count per post.› Other important
› Learn how to edit Blogger template
Post a Comment