How To Apply
■ Open Blogger Dashboard
■ Open Layout
■ Open Add Gadget
■ Open Add Html/Javascript Editor
Now copy paste below given code in the editor
HTML & CSS
<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'>
<a class='rss' href="Your Rss Link" rel='external nofollow' target='_blank'></a>
<a class='googleplus' href="Your Google Plus Link" rel='nofollow' target='_blank'></a>
<a class='facebook' href="Your Facebook Url" rel='nofollow' target='_blank'></a>
<a class='twitter' href="Your Twitter Url" rel='nofollow' target='_blank' ></a> </div>
Now replace the colored links with the url of your Blogs ID's on various social networking sites
0 التعليقات: