1. 2. 3. Classifieds|Blogger Tips|SEO: Best Social Media Sites Sharing Widget Below Every Post For Blogger 4. 12. 15. 16. 17. 18. 19. 20. 23. 24.

25. 26. Best Social Media Sites Sharing Widget Below Every Post For Blogger 27. 28.

29.
Best Social Media Sites Sharing Widget For Blogger is the new sharing widget that appears on all posts in blogspot blogs.It is well known fact that any blog that appears in social media will grab more attention of vistors and also the search engine spiders.So it is more important get more likes and followers from social media sites.This practice helps in bringing more traffic as your blog becomes more popular in the social circle.So this new widget has social icons form popular networking sites Google+,Fcaebook and Twitter with attracting hover effects that will surely increases likes and followers to your blog.Just follow these steps to add this awesome gadget to your blogger blogs.



Widget Will look like the below image,


1, Go To Blogger - Template- Edit HTML
2, Backup your template
3, Click the "Format Template" box
4, Search for this,

    ]]></b:skin>

And just above it paste the following code,


#contact {
margin:0 auto;
margin-top:-60px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9muIP07SG3eOC0w6Kq_gY5AT6Gs5aIY16UK3IYrIhkD0F-eRl691qci3uIbEvBDuMj2T5NYY8nnQHdHzyZdt2UFn9klrR4yvB19CJmHUwqHi1hb6dV3tjJd4eaJi9-KTkqKb784A3gA/s1600/bgnav.png) repeat scroll 0% 0% padding-box rgb(14, 14, 14);
border:8px solid transparent;
overflow:hidden;
width:585px;
box-shadow:0pt 0pt 8px rgba(0, 0, 0, 0.5);
height:auto;
}
#contact a, #contact a:visited {
color:rgb(230, 230, 230);
text-decoration:none;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#contact a:hover {
color:rgb(230, 230, 230);
text-shadow:0pt 0pt 3px rgb(255, 255, 255);
text-decoration:none;
}
#contact-caseo-1 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJVWweiFo0ApiwxvG9emdegXTHPTqXV1xNHH3GpnKqfJm9oKfY1r4Evg8uMriAfOXv-pU-oHc6v8rAGFp9mIVgw14LJeN31ZM2qmEJzGuBvMyQDSFYce98lfG4Ozt8gvqMhLlXXai3WFI/s1600/Google-plus-grey-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:left;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-caseo-1:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJVWweiFo0ApiwxvG9emdegXTHPTqXV1xNHH3GpnKqfJm9oKfY1r4Evg8uMriAfOXv-pU-oHc6v8rAGFp9mIVgw14LJeN31ZM2qmEJzGuBvMyQDSFYce98lfG4Ozt8gvqMhLlXXai3WFI/s1600/Google-plus-grey-icon.png) no-repeat right bottom #333333;
}
#contact-caseo-2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXiB_YOm7vdpNfdxm94afEd3IshV1vKx8EU_4UhEFmDSkflm-MAu8CGEqw8t0DsPXKjPCI624fxBJN7F1SOi5uBBPGHoV4DmAK_k1aDnj6gccMJG_TwefGMSeX9-h4cDCiUqKJTu2Y2k/s1600/twitter-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:left;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-caseo-2:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXiB_YOm7vdpNfdxm94afEd3IshV1vKx8EU_4UhEFmDSkflm-MAu8CGEqw8t0DsPXKjPCI624fxBJN7F1SOi5uBBPGHoV4DmAK_k1aDnj6gccMJG_TwefGMSeX9-h4cDCiUqKJTu2Y2k/s1600/twitter-icon.png) no-repeat right bottom #00ACBF;
}
#contact-caseo-3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacH9aU8KHFXGMXRtu3M2hVy_Ww3bXEvftJt69jlpE6YZnHSJZO1nrb6mBIFjyKkA6s98871ie5MAZeKNH3J-LAFGhmFs19QPzd7rGwTa9gIE7AuI97MGp-xISZ7mi6VFnGssb-Euk-SQ/s1600/facebook-icon.png) no-repeat right bottom transparent;
width:180px;
height:45px;
float:left;
display:inline;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
#contact-caseo-3:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacH9aU8KHFXGMXRtu3M2hVy_Ww3bXEvftJt69jlpE6YZnHSJZO1nrb6mBIFjyKkA6s98871ie5MAZeKNH3J-LAFGhmFs19QPzd7rGwTa9gIE7AuI97MGp-xISZ7mi6VFnGssb-Euk-SQ/s1600/facebook-icon.png) no-repeat right bottom rgb(59, 89, 152);
}



5,Next search for this code,

<data:post.body/>

Below that paste the following code

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='contact'>
<div id='contact-caseo-1'><a href='https://plus.google.com/116484357335441652801' target='_blank'>Google Plus<br/><span style='font-size:10px;'>Add Me To Your Circle!</span></a></div>
<div id='contact-caseo-2'><a href='http://www.twitter.com/freeclassified6' target='_blank'>Twitter<br/><span style='font-size:10px;'>Follow Me!</span></a></div>
<div id='contact-caseo-3'><a href='https://www.facebook.com/forblog809' target='_blank'>Facebook<br/><span style='font-size:10px;'>Like Us On Facebook</span></a>
</div></div> </b:if>


Save your template.

*Replace freeclassified6 with your own twitter username.

*Replace forblog809 with your facebook username.

*Replace 116484357335441652801 with your Google Plus profile id.

Now you check your post for nice changes that you have made.

Labels:

30. 31. 32.