How to Add Pinterest Pin It and Follow Me Buttons In Blogger

Add Pinterest Pin It and Follow Me Buttons In Blogger

As social networks and social sharing buttons have became one of the effective way for various webmasters to promote their blog, Pinterest and its follow and pin it buttons have also been added to the promoting resources list of bloggers. As the peoples rush towards the charming new services soon, it is very necessary that you use the features of Pinterest on your blog right now to get better advantage from pinterest. So today i am going to give a tutorial on how to add Pinterest pin it and follow buttons for your blogger blog.

Tutorial On How To Add Pin It and Follow Buttons

Pinterest Follow Me Buttons

<a href="www.pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/follow-on-pinterest-button.png" height="26" width="156" alt="Follow Me On Pinterest"></a>

pinterest<a href="www.pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/pinterest-button.png" height="26" width="78" alt="Follow Me On Pinterest"></a>

<a href="www.pinterest.com/USERNAME/"><img src="http://passets-cdn.pinterest.com/images/big-p-button.png" height="61" width="61" alt="Follow Me On Pinterest"></a>

Note:-

Replace The USERNAME with the username of your Pinterest account.

Pinterest Pin It Buttons

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

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

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

How To Add these buttons??

1. Go to Blogger dashboard --> Layout --> Add a gadget (html/javascript).

2. Place the code of the button you wish to add on your blog and save the gadget.

3. Drag and drop the gadget where you want the button to appear.

4. Save your layout.

Hope you will utilize the advantage of pinterest well. . .. 

How to Add Sleek Social Media Sharing buttons with Css3 Tool