Add Pinterest Pin It Buttons to below Posts

Pinterest is a new thing around the internet, lots of people have started using it. Basically Pinterest is an online collection of your favorite images and photos in one convenient location. Pinterest lets you organize and share all the beautiful things you find on the web. What you have to do is to add the pin it button to your browser's toolbar and there you are, you can save any picture while surfing the internet. The Pin it button is like the Facebook like or tweet button for twitter. It allows users to share your posts without having to leave your blog. Lets add the "Pin it" button to your blogs.

                    Add Pinterest Pin It Buttons to below Posts

• Go To Blogger > Design > Edit HTML
• Backup your template
• Tick the "Expand Widget Templates" box
•  Find the code shown below using [ctrl+F]

<data:post.body/> 

Copy and paste the following code Directly Below Find the Code

                                                                  

Vertical Count Button Coding:

<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>

Horizontal Count Button

<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script> 

Done.Save Your Template

Share on Facebook Share on Twitter Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.