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
Follow :
Facebook
Twitter
Google+
Like the post? Never miss another. Get all our posts directly to your e-mail. Subscribe to our newsteller today

1 comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1) Do not include links in comments as they will not be published after moderation !
2) Make sure that you "subscribe by mail" to get notified to reply to your comments.
3) Please do not Spam... Spam comments will be deleted immediately upon our review.

Proudly powered by Blogger