"Touch Me" Social Widget For Blogs


Hello Friends I am Rajat Kumar from My Premium Lab. A guest author at latesthack. today i will tell you how you can add a smooth and nice looking touch me social widget for blogger. The developement in social traffic is never hidden to anyone . To help you with your dream of increasing  fans and readers we bring you "Touch Me". Its name such because of  its appealing look that forces your visitors to follow you and subscribe  to your updates.

Add "Touch Me" Social Widget For Blogs

  • To Add This Widget Go To Your Blogger Dashboard
  • Then Click On Layouts 
  • Then CLick On Add A Widget---->Htnl/Javascript
  • And Paste The Below Coding
<style>
.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

  • Save The Widget And All Done

This post is written by Rajat from MPL. You can catch him on Facebook.