BLENGOK

How can you add this social shearing widgets in blogger?

• Log in to your blogger account.
• Click on blog title in which you want to add This Social Sharing Bar
• Go to Template and then click on "Edit HTML" Check Expand Widget Box..

Add JQuery Plugin!

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;   
-moz-transition: ease-in 0.2s all;   
-o-transition: ease-in 0.2s all;   
-ms-transition: ease-in 0.2s all;   
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class=touchme>
<!--RSS-->
<a class=rss href="YOUR RSS LINK" rel=external nofollow target=_blank></a>
<!--Google Plus-->
<a class=googleplus href="YOUR GOOGLE PROFILE LINK" rel=external nofollow target=_blank></a>
<!--Facebook-->
<a class=facebook href="YOUR FACEBOOK LINK" rel=external nofollow target=_blank></a>
<!-- Twitter -->
<a class=twitter href="YOUR TWITTER LINK" rel=external nofollow target=_blank ></a>

</div>

• Replace YOUR RSS LINK with your Feed burner link.
• Replace YOUR GOOGLE PROFILE LINK with your Google+ URL
• Replace YOUR FACEBOOK LINK with your Facebook URL
• Replace YOUR TWITTER LINK with your Twitter Profile URL