Home » Blogger Tutorials, Tricks and Hacks » Social Media Sharing Touch Me Widget

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Social Media Sharing Touch Me Widget

Social Media Sharing Touch Me Widget

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,633 views

Looking for a cool social media widget for your Blogger? The Social Media Sharing Touch Me Widget by Beautiful Blogger Widgets  can be the answer. This widget is well-structured and has an appealing look. Take a look at its live DEMO.

Follow these simple steps to add this widget to your Blogger:

  1. Go to Blogger Dashboard > Layout
  2. Select Add a Gadget
  3. Select HTML/JavaScript
  4. Copy and paste the code below
 <style>
/*--------B2W Touch Me Sharing Widget ------*/
.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>
<p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>
<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='nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a>
</div>

Note: Change YOUR RSS LINK with your Feed burner link, YOUR GOOGLE PROFILE LINK with your Google+ URL, YOUR FACEBOOK LINK with your Facebook URL, TWITTER LINK with your Twitter URL.

5. Save.

 

Source: http://beautifulbloggerwidgets.blogspot.com/2012/06/add-cool-social-media-sharing-touch-me.html

 

 

Liked It ? Please Share

Comments

One Response | Post A Comment | Subscribe To Comments RSS Feed

  1. bilal says:

    waaaaaww thank you

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here