Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Friday 4 April 2014

Touch Me awesome Social Bookmarking Widget

I am sharing below the steps for BlogSpot users. If you are a wordpress or Joomla user
or running a normal website then you just need to copy and paste the following code inside your templates.
Related:Sliding/Animated Social widget


Following are the steps for blogger users


1. Go To Blogger > Layout
2. Choose add a gadget
3. Select HTML/JavaScript

4. Paste the following code inside it,

<style>
/*------- Allim1-Web:Social Share Gadget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url
( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxS6_lfBch-38NXu_DkrPV-Yvjl72PW-vnjKvGWaeUSIPhZX57CWobdyax6Gj-LDb1NEp6yPcMz1lY8VENGeUA__ZAZK0DbRJyPPQxpv3PJNrpUsB3SAwyWjrRZuPNmCVLf3uCXc6n8aXe/s1600/Sharing+Touch+Me.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=" YOURGOOGLE PROFILE LINK" rel='external
nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href=" YOURFACEBOOK 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!

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.