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”.



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.
- 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


No comments:
Post a Comment