Last time I wrote about how to add Pinterest Pin It button I designed to WordPress Page and Post, today since I realize that other Pinterest addicts who happen to love blogging as well are using Blogger instead of WordPress. So cheer up Bloggers, here’s the simple way to add the Pin It button to your Blogger Posts.
The Steps:
Important: Always backup your template before you do anything described in this post! I will NOT responsible for any damage or template error on your blogger template.
- Go To Blogger > Design > Edit HTML
- Click Expand widgets templates box
- Search for <data:post.body/>
- If you want to add the button just below your post titles then add the cheat code below just above <data:post.body/>
- If you want the button appear at the end of your posts then paste the following cheat code just below <data:post.body/>
|
|
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img style="margin: 0 0 -5px 0;" onclick="doPinIt();" src="http://chykalophia.com/images/pinit-compact.png" alt="Pin It" /></a> |
More info about the Pin In Button I designed and some related info about the button.
Note: The above code is currently using my PinIt-Compact button, if you wish to replace the button with your own button or Pinterest PinIt button replace the source image “http://chykalophia.com/images/pinit-compact.png” to your button source image/location.
Menu Mobile