<div style='background-color: none transparent;'></div>

Blogsearch Backlinks

backlinks check Google

Home » , , , , , » Touch Me Social Sharing Widget To Blogger

Touch Me Social Sharing Widget To Blogger

Hello friends, today I am giving you a simple and beautiful Touch Me Social Sharing Widget to Blogger. All you know, What is the role of Social Sharing Widgets in Blogger ? Well it help your readers to subscribe to your social networks easily. Our Previous Social Sharing Widgets was “Clean and White Spinning Social Media Icons”.
Touch Me




View Demo Button

Add Touch Me Social Sharing Widget To Blogger

  • Login to your Blogger Dashboard.
  • Go to Layout –> Add a Gadget –> HTML/Javascript –> Paste the below code in it.
<style>
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.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-FEED URL- GOES HERE " rel="nofollow" target="_blank"></a>
<!--Google Plus-->
<a class="googleplus" href="YOUR GOOGLE PLUS PAGE URL GOES HERE" rel="nofollow" target="_blank"></a>
<!--Facebook-->
<a class="facebook" href="YOUR-FACEBOOK FAN PAGE-URL-GOES HERE" rel="nofollow" target="_blank"></a>
<!-- Twitter -->
<a class="twitter" href="YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE " rel="nofollow" target="_blank"></a>
</div>
</div>
  • After pasting click on Save.
  • You're Done.

Note : Highlighted text in the above code should be replaced with the following.

    • YOUR-FACEBOOK FAN PAGE-URL GOES HERE with your Facebook fan Page URL
  • YOUR-TWITTER FAN PAGE-URL/USER NAME GOES HERE with Twitter user name or Fan page
  • YOUR GOOGLE PLUS PAGE URL GOES HERE with Google Plus Profile or Fan Page URL
  • YOUR-FEED URL- GOES HERE with your feed name URL
Share this article :

No comments:

Post a Comment

 
Copyright © 2011. backlink checker . All Rights Reserved
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Template Modify by Creating Website. Inpire by Darkmatter Rockettheme Proudly powered by Blogger