Thursday 29 August 2013

How to ADD Pinterest "Pin It"Button To Blogger

Today I going to tel you about how to  Adding Pinterest “Pin It” Buttons To Blogger ,it is necessary to add a pinterest pin button on blog it give nice amount of traffic on your blog The Beginner must add Pinterest button blog First you must create a Account in Pinterest , Pinterest is the Fastest growing Social Media  It gave many platform to blogger ,Blogger must utilize this Amazing Social Network  
 Pinterest is the fastest growing Social Network Today According to official source, Pinterest is becoming the latest trend in social media. Pinterest have attracted millions of audience just under the nose of top rated social networking websites like Facebook, Google Plus, Twitter and etc. And just like other social networking platform, everyone is rushing towards registering there account on Pinterest to discover what the buzz is all about. The biggest reason behind the success of Pinterest is its uniqueness. Instead of writing boring content it uses images and videos. It allows users to Pin any featured image or video to their virtual pinboard. Users who are your friends or followers can like or even repin your shared content to their Pinboard. You can arrange your pins under specific pinboards (categorize) according to your need.

How to ADD Pinterest "Pin It"Button To Blogger
Adding Pinterest“Pin It” Buttons To Blogger:
So to insert a follow me button you don’t need any extra working like adding CSS to template. All you need to do is to place simple HTML coding any where in your blog i.e. In your Sidebar, Header, Below post and etc. Just paste the following code where you want to display Pinterest Follow me Button.

Style No: 1
 Adding Pinterest“Pin It” Buttons To Blogger:

a href="http://pinterest.com/abin007/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a>




Style No: 2
 Adding Pinterest“Pin It” Buttons To Blogger:

<a href="http://pinterest.com/abin007/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/pinterest-button.png" width="80" height="28" alt="Follow Me on Pinterest" /></a>


Style No: 3 
 Adding Pinterest“Pin It” Buttons To Blogger:

<a href="http://pinterest.com/abin007/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/big-p-button.png" width="60" height="60" alt="Follow Me on Pinterest" /></a>




Style No: 4
 Adding Pinterest“Pin It” Buttons To Blogger:

<a href="http://pinterest.com/abin007/"><img src="http://passets-cdn.pinterest.com/images/about/buttons/small-p-button.png" width="16" height="16" alt="Follow Me on Pinterest" /></a>



Remember: Don’t forgot to replace abin007 with your Pinterest Username

Adding Pinterest “Pin It” Buttons To Blogger:
 Remember: As I have mentioned above don’t try to edit the coding just do as directed. If you try to do some change then the scripts will not work. So to insert Pinterest “Pin It” Buttons to Blogger .


    1. Simply Go To Blogger.com >> Your Blog >>
    2. Now Go To Template >> (Your Can Backup Your Template, in case any thing went wrong)
    3. Now Click on Edit HTML >> Proceed
    4. Click the box named “Expend the Widget” (It is on the top left of your template coding)
    5. Now Search for the Following Code in your template
 <data:post.body/>
 Now it’s up to you where you want to place your widget. If you want to place Pin It button just under your post title then just paste the following code before <data:post.body/> (above) 


But if you want to place it at the end of your post then paste the following code after <data:post.body/> (below)

 6.Now Paste the Following Codes below or above <data:post.body/> (according to your choice)

Code For Horizontal Buttons: 
 Adding Pinterest“Pin It” Buttons To Blogger:
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</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>



Code For Vertical Buttons:
 Adding Pinterest“Pin It” Buttons To Blogger:

<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It now!</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>





How Pin it button Works:
When you will click on any Pin it button a new window will pop'd out. Now from here you can select any post that you want to pin. The visitor can pin one image at a time. If the visitor don't want to pin any image then he can click the Blue Cancel Bar at the top to cancel pinning.


If history proofs itself true again, we might see a down fall in the active users at Pinterest. But we don't need to worry about it until we are receiving traffic from Pinterest. So that's how you can insert Pinterest "PIN IT" and "Follow Me" button in blogger. Follows these Simple Steps and happy pining,

if you want some suggestion comment it right now,  Stay tuned by subscribing our email feed or follow me on social networks. thanks for reading our post. happy bloggin........!!!!!!




2 comments :

  1. Replies
    1. Thanks for reading this ! We have more amazing articles Kindly visit our sites .

      Delete

Icon Icon Icon Follow Me on Google Plus Follow Me on Pinterest

Copyright 2013 All Rights Reserved / Privacy Policy / Sitemap / Contact Us

Template by / Hunt We / Powered by / God