Search Blog








Add Pinterest Pin It Button In Dynamic View Blogger

social media is very important thing to promote your blog pinterest is a growing social media network and you can generate extra traffic to your blog.today my topic is how to add pinterest  pin it button in dynamic view template of blogger.but first i will tell you how to use pinterest because many of new blogger do not know much about it.First you have to make an account on pinterest after that you can make board, it is same thing like pages in facebook.you can pin you post manually in your board.



About pinterest

Adding pin it button in blogger is very simple.pinterest offer pin it button for blog sharing.you can add pinterest follower button in blogger.It is good option to promote your blog.pin it button help viewers to share your post easily.when some on pin your post pinterest automatically pick up image from post so make sure you have add at least one image in your post.pinterest select image as thumbnail, if  you have added two or more pics then you are asked to choose image as thumbnail.people can follow you.If some one like post on pinterest and hit on link below,it will redirect to your blog post.

How to Add Pin it in Blogger

Login to blogger account

Go to template edit HTML

search this code 

 <data:post.body/>

Paste below code before <data:post.body/>

<!-- Pinterest button Start  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='margin:10px 10px 10px 0; text-align: left;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></a></span>
</div><a href="http://5gblogger.blogspot.com" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://img1.blogblog.com/img/blank.gif" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<style type='text/css'>
#pin-wrapper > a {background-image:none !important;}
</style></b:if><!-- Pinterest button End --></script></b:if>


save the template and you process is complete.



1 comment:

  1. Ever wanted to get free Google+ Circles?
    Did you know you can get them ON AUTOPILOT & ABSOLUTELY FOR FREE by using Like 4 Like?

    ReplyDelete

IconIconIconFollow Me on Pinterest
Blog Widget by LinkWithin