Yesterday the Pinterest developer team announced very important that launch of the “Pin It” button for Blogger, WordPress.org, Tumblr, and also for Wix. This Pin It button allows your readers to share your posts without leaving your website or blog. It pulls all available images from a post and lets them choose which image to pin. 
div#bt-social-share {
background:#f3f3f3;
width:600px;
height: 80px;
border: 1px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;
}#bt-social-share ul {
list-style: none;
clear: none;
padding: 0px 0px ;
margin: 25px 10px 0 0;
float:right;
}
#bt-social-share ul li {
display: inline;
background:none;
vertical-align:middle;
margin:0;
padding:0;
}
#bt-social-share ul li a {
display: block;
float: left;
width: 32px;
height:32px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHw-oXG5WgPr2pyotL8JTpXFKriJONkO2iFi4mDd2Xv7Jyd3uNM7RbH4uQuk1r__ulHh_73CxGsOdXSnd9sxFSzidadeNEfkgV06UnB_WeNIhosNQLL-ROwvDSAmSazbzlTFrq4XMzr998/s1600/Social_sprites.png);
margin-left:3px;
background-repeat: no-repeat;
margin-right: 2px;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}#bt-social-share ul li a.facebook {background-position: -0px -0px; }
#bt-social-share ul li a.facebook:hover {background-position: -0px -33px; }#bt-social-share ul li a.twitter {background-position: -32px -0px; }
#bt-social-share ul li a.twitter:hover {background-position: -32px -33px; }#bt-social-share ul li a.google {background-position: -64px -0px; }
#bt-social-share ul li a.google:hover{background-position: -64px -33px; }#bt-social-share ul li a.pinterest {background-position: -96px -0px; }
#bt-social-share ul li a.pinterest:hover {background-position: -96px -33px; }#bt-social-share ul li a.delicious {background-position: -128px -0px; }
#bt-social-share ul li a.delicious:hover {background-position: -128px -33px;}#bt-social-share ul li a.digg {background-position: -160px -0px; }
#bt-social-share ul li a.digg:hover {background-position: -160px -33px;}#bt-social-share ul li a.addtoany {background-position: -192px -0px; }
#bt-social-share ul li a.addtoany:hover {background-position: -192px -33px;}
4. Save Changes and jump to the next step of this tutorial.
Note:- To change the Widget box size, change this value width: 600px;
5. Now Search for <data:post.body/> And Put Below Code immediately after it!
<div id='bt-social-share'>
<span style="font-family: 'Source Sans Pro', sans-serif;float:left; margin-left: 10px; font-size:14px; line-height: 80px; text-shadow: 0px 0px 1px #333;">Share This Story, Choose Your Platform! </span>
<ul>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li><li><a class='twitter' expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='google' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li>
<li><a class='pinterest' href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());'/>li>
<li><a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li>
<li><a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li>
<li><a class='a2a_dd addtoany' expr:href='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + data:post.title ' title='Share this post on others'/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li>
</ul>
</div>
6. Hit save and you are done again!
While finding the <data:post.body/> code is coming three time. This Problem comes when we install Auto Read Hack in our Blogs. For this Problem Search for any one line from below and Put Above HTML Section of Widget Code after it!
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
If you faced any problem then feel free to let me know. I will write more tutorials on this topic this week so that you may get all the latest updates. I hope this Widget proves useful to most of you and it may bless your blogs with even more traffic.
Google Docs Download Link
Open Drive Download Link
I would love to hear you comments below and if you find other resources that have free social media icons please do share. Stay tuned by Subscribing our blog news feed, line our facebook page, Follow on Google Plus. God Bless You..
Pinterest was founded by three individuals: Ben Silbermann, Paul Sciarra and Evan Sharp. They launched the website in 2010. Less than a year after launch, the website had more than 10,000 users. By the end of 2011, Pinterest had become one of the 10 largest social networks, attracting 11 million total visits per week. At the start of January 2012 the website had a reported 11.7 million unique users.
Now on pintrest you will have access to analytics data regarding pins from your website. you will be able to see how many people pinned from your site, how many people saw those pins. how many actually visited your site. Besides this, you will also see your most pinned, most clicked, and most recent pins.
For Using Pinterest Web Analytics Feature you need to verify your Website or blog by going to verification help page . Pinterst Website or blog verification is very simple like Webmaster Tools Verification or Yahoo & bing Site verification. Verify your site now if you have any trouble about verify steps Feel Free to post any query below in comment box. after verify process Go your pinterest profile page and switch to new look after doing this you will see data analytics option in the top right corner. you can switch new look by going at this page.
now you can Explore all the pinterest web analytics features for improving your website or blog content if you face any problem feel free contact pinterest Support team or post any query below in comment box. Keep up to date with new features and opportunities by subscribing to this blog via email Notification, adding our Google+ page to your circles or like us our page on facebook. Thanks for reading our posts.
</head><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "1cce35ce-6744-4bac-9fa5-8f17a67a6fa6", onhover:false});</script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/></body><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisOrnament'/><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisOrnament', ['facebook','twitter','googleplus','pinterest','stumbleupon','linkedin','email','sharethis'], {title:'
<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'holiday'});</script></div>
Share your blog in popular social networking/bookmarking sites is very important to get good traffic and I think this is the easiest way for increase our blog/website traffic. This is indeed the most beautiful Social Network Heart Style Sharing widget featuring the bottom Social Network sites (Google Plus, Twitter and Facebook ). In this tutorial we'll create Heart Style Sharing button for your blog. With the 'Share this' button visitors will be able to share your content with their friends or community, and you know yourself what will happen. ShareThis is a very popular service offering multiple Social Bookmarking Widgets for blogs and websites. i have a Blogger Tips show you how to add the new Share This Heart Style Buttons to various position on your blog. You can see the buttons in question to the end of this Article and that position will be one of the options for your blog. In this part I going to show you Heart Style Sharing buttons Horizontally Align at the Bottom of your blog. </head><script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "1cce35ce-6744-4bac-9fa5-8f17a67a6fa6", doNotHash: false, doNotCopy: false, hashAddressBar: false, onhover:false});</script>
<link rel="stylesheet" type="text/css" href="http://w.sharethis.com/gallery/shareegg/shareegg.css" media="screen" /></link>
</body><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['googleplus','facebook','twitter','pinterest','linkedin','email','sharethis'], {title:'Happy Valentines Day!',url:'http://www.sharethis.com',theme:'shareheart'});</script></body><div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<div id='shareThisShareHeart' class='shareEgg'></div>
![Share This Social Sharing[12]-8x6](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3NxLnctJkxyglYgW9B_ZawM2P0cBtLdwJogA-scz_tif35JCyqWDuW_rOZozCTi_Zpoo9HjvFkf0VoGCHqhVQ_PvAELd89wrWiwspjvG8uBeIPG4QLC-7_ATO9OqbX6fmD9mS-IEsmXX/s1600-h/Share-This-Social-Sharing12-8x63.png "Share This Social Sharing[12]-8x6")
<div class='post-header-line-1'/>
<data:post.body/>
)
)
In this post I am going to show you great tips on adding beautiful wood style social sharing icon in blogger blog. Special Thanks for these icons Land of Web. and make some change in these icons and add two more icons Reddit and Stumbleupon and make useful in blogger with hover effect. in few days we thinking sharing with you some icons. which all icons is my own creation so I post these as soon as possible. this tip is very easy and just 2 step for adding this tip, you need to add css and html code in your template I am showing video for doing this. if you face any problem with doing this. leave your comment below in comment sections thanks for reading so lets start Tutorial.