How to add a Pinterest Follower Button to Blogspot Blog ?

As a blogger , You would definitely know that what is Pinterest ? Pinterest is a pinboard based social bookmarking website . Pinterest came into being in March 2010 . Almost in three years Pinterest became a big giant in the world of social bookmarking . Because the idea was unique and definitely it was trend setter idea .

Now Pinterest is a heaven for bloggers , internet marketers and webmasters etc . Because it is a splendid source for getting good traffic . Now after Facebook and Twitter followers , Pinterest followers are very important matter for bloggers , internet marketers and webmasters etc . If you want to increase number of Pinterest followers than Pinterest followers button is an appropriate solution . In this tutorial post , I will guide you that how to add it on your beloved blog or website .
This tutorial for blogger.com platform . So Dear respectable readers ,  follow these simple instructions . First important thing need to do is that make the backup of your blog's template . If you want to put it on your blog's sidebar then pick your favorite Pinterest followers button .

<a href="http://pinterest.com/Atif980/"><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>

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

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

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

Go to your blogger blog dashboard & click on " Layout " & click on " Add a Gadget " and locate to " Html/Javascript " and then paste your desired code in it and save . Replace Atif980 with your Pinterest username .

If you want to put it in every post below or after the post title .

After Post Title

Go to the dashboard and click " Template " & click " Edit Html " and press " F + Ctrl " together . Search this line , Don't forget to mark on " Expand Widget Templates " Search this line .

<div class='post-header-line-1'/>

 Now paste your desired code after this line and hit the save button .


 Below The Post

If you want it at below the post then search this line and paste your favorite code after this line and save the template .

<data:post.body/>

In The End   If you don't want to see it on your blog's homepage , In that situation you can utilize this technique .

Left

 <b:if cond='data:blog.pageType == "item"'>
<div style="float:left;">
Paste your desired code here
</div>
</b:if>

Right

<b:if cond='data:blog.pageType == "item"'>
<div style="float:right;">
Paste your desired code here
</div>
</b:if>

Center

 <b:if cond='data:blog.pageType == "item"'>
<div align="center">
Paste your desired code here
</div>
</b:if>

Hopefully this tutorial will increase your blog's beauty .  Also your blog's traffic . Happy Blogging

Subscribe via Email

Follow @Atif980dotCom

Kindly Bookmark this Post using your favorite Bookmarking service: