[Update] 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 == "item"'>
<div id='pin-wrapper' style='margin:10px 10px 10px 0; text-align: left;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pinterest.com/pin/create/button/?url=" + 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://mx-machine.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.
