Recommend For You - RSS Subscription Widget With Social Buttons
Add Multi Color Hover Style Social Media Widget
- Go to Blogger Dashboard ›› Design ›› Page Elements.
- Click Add A Gadget ›› In New Window, Select HTML/Javascript .
- Copy The Code Given Below and Paste It Inside The Box.
- Save The Gadget and Its Done
<style>
a.blogsdaddy_twitter
{background-image:url(http://4.bp.blogspot.com/-RldCw73E1fg/UcVk1K9_JqI/AAAAAAAA5iM/2m0WMXhDUdU/s1600/blogsdaddy_twitter.jpg);
background-position:0 0px;
width:255px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;}
a.blogsdaddy_facebook
{background-image:url(http://2.bp.blogspot.com/-PBcZAMxzkJo/UcVk0u6qh-I/AAAAAAAA5h4/rKj6oIemROw/s1600/blogsdaddy_facebook.jpg);
background-position:0 0px;
width:255px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;}
a.blogsdaddy_linkedin
{background-image:url(http://4.bp.blogspot.com/-AclfP1Vcokc/UcVk0wXQyVI/AAAAAAAA5h8/13IeEEs-XiU/s1600/blogsdaddy_linkedin.jpg);
background-position:0 0px;
width:255px;
height:51px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;
}
a.blogsdaddy_stumbleupon
{ background-image:url(http://4.bp.blogspot.com/-PZzaWhv0Kgw/UcVk1Mo0SYI/AAAAAAAA5iE/LD_iVzIGYWI/s1600/blogsdaddy_stumbleupon.jpg);
background-position:0 0px;
width:255px;
height:50px;
text-indent:-9999px;
display:block;
background-repeat: no-repeat;
border:0px;
float:left;
}
.blogsdaddy1social a:hover
{
background-position:0 -51px;
}
.blogsdaddy1social
{
width:255px;
}
</style>
<br />
<div class="textwidget">
<div class="blogsdaddy1social">
<a class="blogsdaddy_linkedin" href="http://in.linkedin.com/Aagman" target="_blank">linkedin</a>
<a class="blogsdaddy_stumbleupon" href="http://www.stumbleupon.com/gaganmasoun" target="_blank">stumbleupon</a>
<a class="blogsdaddy_twitter" href="http://twitter.com/BlogsDaddy" target="_blank">twitter</a>
<a class="blogsdaddy_facebook" href="http://www.facebook.com/BlogsDaddy" target="_blank">facebook</a>
</div>
</div>
0 comments:
Post a Comment