Hi! Everyone, Pinterest is a new social networking site where you can share the awesome images found in the web. Pinterest is an online pin board where you can pin web photos/images and the images are displayed on Pinterest with a link to the source page of the image. Your friends and followers can re-pin(share) your image to their Pin Boards making your image and the post on your blog containing the image go viral. Pinterest is the fastest growing and one of the top social networks on the Web. By add the Pinterest Pin It button to your blog, your readers can easily Pin the article images to their Pin Boards and you will get a good amount traffic from Pinterest.
As the title says this is a Dynamic Pin it Button. which will first grabs the image from settings. if it is not available not available, then it will pull the first image from the article. If there no image found in the Article then it take the Default image from settings, and it also adds a Description from the post with 500 characters (max length on Pinterest).
ADDING PIN IT SCRIPT FOR BLOGGER
- Login to Blogger Dashboard > Choose your Blog and Click the More Options Dropdown
- Select the Template > Click on Edit HTML > Proceed
- Check/Tick the Expand Template Widgets checkbox
- Search for
</head>and place the below code before it!<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_blogger_pinit.js"></script>
ADDING PIN IT BUTTON SCRIPT
- Search for
<data:post.body/> - Place the Bellow Pin It Button script before or after it- If you add the below code before the
<data:post.body/>then it will appear the Before the Post Content.
- If you add the below code after the<data:post.body/>then it will appear the After the Post Content.<b:if cond='data:blog.pageType == "item"'> <div expr:id=""w2bPinit-" + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"> <data:post.body/> <script type="text/javascript"> w2bPinItButton({ url:"<data:post.url/>", thumb: "<data:post.thumbnailUrl/>", id: "<data:post.id/>", defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpArSQZivxFTGl0PNUusUG8lsXfWQAg48Gbre6btTCgzO2Enx2Bq1bvNGINa6eVUpqFPcvzHtx0zAagYC-4my-XVhlNSimhuIk-yeTEgzdFOx4WF-wHkQFQw_PcO8OJNUiGoLP_Lhyphenhyphend4s/s1600/w2b-no-thumbnail.jpg", pincount: "horizontal" }); </script> </div> </b:if>Settings defaultThumbSet the Default Thumbnail Image URL. pincountSet the Pin it Count Style.
Options verticlehorizontalnone
ADDING STYLINGS
Add the below styling before
]]></b:skin> tag..w2bPinitButton{
float: left; /* Customize left/right */
margin-right:10px; /* Customize margin-left/margin-right */
display: block;
padding:4px;
}Customize the Float and Margin properties according to your need.
I hope this Pin it Button is helpful to you. Please share it with your Friends and Leave your Comments. 
i recomment you that not try tricks on the blogger posts blody html codes
coz they may sometimes become slow down your blog
coz they may sometimes become slow down your blog
dont use any third party servers morethan 2 between the posts
no forther causes
enjoy
dont worry about anything. BUT just check out google rules and regulations
I had checked out these stuffs.and i realise that if you work hard on your blog posts you will get what you are aiming.(am sure)
you can also check out blogger stuffs in this blog to make blog more cozy
to do as google guys says
Always make your readers cheer. other than suffering them with ads.
i also recomment to give readers miximised freedom
Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.
This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services.
SHOOt A COMMENT,
