"Touch Me" Sharing Widget For Blogs

The fast advancement and development of Social Media and growing interest of individuals in social networking sites has born to dozens of social sharing tools and services. internet masters have gotten passionate about these tools as a result of not like organic traffic from search engines, internet traffic from social channels have overtaken search traffic. Bloggers nowadays rely mostly on networks like Facebook, Google+ and and twitter to drive traffic to their blogs. These tools ar smart as long as they will attract a traveler to bookmarker and share your content. From your web site quality content until your diary style, each single bit counts in turning a traveler into an admirer. to assist you together with your dream of accelerating  fans and readers we have a tendency to bring you "Touch Me". Its named such as a result of its appealing look that forces a traveler to roll hover the indicator over the icons and hit follow! :) This gismo is showing neatness structured exploitation buttons from widespread services like Google and, Facebook, Twitter and RSS. we've got coded it showing neatness exploitation basic hypertext mark-up language and a few spicy CSS designs.

Add it to blogger

I am sharing below the steps for BlogSpot users. If you're a wordpress or Joomla user or running a standard web site then you simply ought to copy and paste the subsequent code within your templates.
Following ar the steps for blogger users

1. Go To Blogger > Layout
2. Choose add a gadget
3. Select HTML/JavaScript
4. Paste the subsequent code within it,

<style> 
/*--------Touch Me Sharing Widget   by  TheTechWar-Z(thetechwarz.blogspot.com)

 starts------*/ 
.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>

Please fill these requirements:

• 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

         5. Hit save and you are all done!

I Hope this data that I shared was useful to you, if you liked the post, please share.

If you've got any queries, you're most welcome to raise, simply leave a comment below and that i can surely answer your queries.