Add Social Sharing buttons to blogger

The social media buttons help you to increase the traffic to your blog so the readers of your content can share it with their friends in social media sites.such as Facebook, Twitter, Google+, Pinterest and many more .

Blogger tools :Add Social Sharing buttons to blogger

all you have to do is add a simple code to your blog

before doing any thing don't forget to save your template

Add Social Sharing Buttons to Blogger

from the Blogger Dashboard go to Template page of the Blog and Select Edit HTML

search for this code ]]></b:skin>

Add the code below before ]]></b:skin>

div#social-sharing {
width:550px;
height: 90;
background: radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -o-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -ms-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -moz-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
background: -webkit-radial-gradient(center center, circle cover, #ffffff, #f9f9f9);
padding:10px;
margin:0 auto;
border: 1px solid #999;
border-radius:5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}div#social-sharing:hover {
-webkit-box-shadow: 1px 1px 3px #CCC inset;
-moz-box-shadow: 1px 1px 3px #CCC inset;
box-shadow: 1px 1px 3px #CCC inset;
}#social-sharing img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
opacity:1;
filter:alpha(opacity=1); /* For IE8 and earlier /
}#social-sharing img:hover {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
opacity:0.6;
filter:alpha(opacity=60); / For IE8 and earlier /
}.social-sharing-title {
text-align: center;
padding: 3px 10px 2px 0px;
margin: 0 0px 0 0;
color: #8d0303;
text-transform: uppercase;
line-height: 25px;
vertical-align: middle;
font-size: 14px;
} Note: You can change the Statement Text Color Highlighted in Red and the one highlighted in yellow which is the Background width with your own preference. Search for this tag <data:post.body/> and add the following code below/after it. <b:if cond='data:blog.pageType == "item"'><center>
<div id='social-sharing'>
<div class='social-sharing-title'>Do You Like This ? Please Take Five Second To Share It!</div>
<a class='face-book' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KlAAZGlR706FAWYVq5JWtvco0SgWu9QdeGy9o1xaJQSfU50j1T5i6uFmDvHEY6fltgcOpv7Z5bcMB4GQoNyxhWWuJgvPHW7ExGbbPMdsfspVAHiUu3j1srmxQ-wInYMssSOOSqohS5qX/s1600/Facebook.gif'/></a>
<a class='twitter' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMxy4DETC49DPKTg3a4PLref_qubBQukkwb0211BQm5kR6sEDXdqlFncBOidFv2euNPTU-ipw20DehmDuBgv6zeaxfmbWOX9-NiTkhbzYw6h7df032W6kKCuFmxlKc_WPin_8T-O4uDiy/s1600/twitter_bird.gif'/></a>
<a class='pint-er-est' 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)());'><img alt='Pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixv2kF7TKVsrkaO3KDQw-pknJvd4AZnUgi2h03HZTZ1mcR0CQhkOxfAjPGcql4Af7aMNoo7Yg8bJ72kzKFuqFrWGE9-nRqbFvWUaV-HhzyCBC8NFjPzYyPleAsQW8zUpT4Mhl2j1DFFC_R/s1600/Pinterest.gif'/></a>
<a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Stumble this'><img alt='StumbleUpon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxLGBDsjSWfTr3kF37JTXoMb6R4_RHlwLVNhZ_HVuzRe5OPBEhC_uz8tYEGpjESPA6G8NER-FTVPf1FbtU4takh2M2lKJ-eoPOnQNf1ZjLKJIiXbyVS149XGmm0-Ntl1b7fa5Cq_S9canT/s1600/stumbleupn.gif'/></a>
<a class='del-icio-us' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share This On Delicious'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLku-nQfGwL8wFMm9oT8E4fCRrlZ8URXl0cu8xwTyVNsdivlSxrC9w7VhJga7qsjGKOvd2LG8ShINu-pK81RjbS0h6X1U9tG3zzhYePXmnWbPZmPLuph6NCE8h7gitGjWxNU8XD-bZlr6/s1600/Delicious.gif'/></a>
<a class='reddit' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Bookmark this'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXvEi07YCVrOuXaykOr0i5O6o_AC-Gt6X8KtiysOZB305NCmVwwOmOB9i604VRfBkUeDsgLxbF820KbaBVaPeroiV4uIz1rSq95Cc0r31RPi-Jyp0ycPuJiHf3uJ6q4gwrr3onUAATQxRQ/s1600/reddit.gif'/></a>
<a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='nofollow' target='_blank' title='Digg This'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv-2Kg5Z4YDPo0cYUP4BPmyEXHa6oerWSvs4D0faegT0CyRXHvGlzLUGa4Ren2nD9rwg1oPbC-cjaPVllrbvLhSU6fRvtyIrIXxMg_nGnI0mj-D-zS4_wbZR-iu-yCnsEZq6UMpf0FUhH7/s1600/digg.gif'/></a>
<a href='mailto:?Subject=My Blogger Tricks&Body=Check out this site.. http://www.myblogger-tricks.com' rel='nofollow' target='_blank' title='Email This'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNsF3k18mKVk02XjxLUE57YuI2x49XSRYL-ZP_9hmtHIVGy1TLZJ4LZEW83Bnl6WshgxHnpHOx9xhNKBC1jTE69H-NH3zCo6ke9b638jAkvDiLgGLpGB66Db52suNN0qrn1ENlxJUxoAfs/s1600/email.gif'/></a>
<a class='a2a_dd more' expr:href='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share On Others Networks'><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqSVr5vq9l0pwoGA39RcTSIodz7gKw3k-OB9JduOMLnxTDIh-hJ_pJIdWc2abx4pcFVWudGadEr43hXtEgKI0iRU0tAZfcqbjM0cxVEM82OP7u_d1fWgzDWf-dRmChrvWf4rZVPUpAPBy/s1600/share-to-any.gif'/></a></div>
</center>

Then Click Save

SEE ALSO :

30 SEO TIPS You Should Follow !

How To : Add Google Translate Button to your blog

How To: Add Google Search To your Blog