<style class=”text/css”>
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class=”table”>
<table>
<tr>
<td><div class=”subicons”><a class=”Fadeout” href=”http://www.facebook.com/BlogsDaddy” imageanchor=”1″ target=”_blank” rel=”nofollow”><img border=”0″ src=”http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png” /></a></div></td><td><div class=”subicons”><a class=”Fadeout” href=”http://twitter.com/BlogsDaddy” imageanchor=”1″ target=”_blank” rel=”nofollow”><img border=”0″ src=”http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png” /></a></div></td>
<td><div class=”subicons”><a class=”Fadeout” href=”http://feeds.feedburner.com/BlogsDaddy” imageanchor=”1″ target=”_blank” rel=”nofollow”><img border=”0″ src=”http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png” /></a></div></td>
<td><a class=”Fadeout” href=”https://plus.google.com/106217413057730068740” imageanchor=”1″ target=”_blank” rel=”nofollow”><img border=”0″ src=”http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png” /></a></td>
</tr></table>
</div>
“Hand Drawn Social Media Buttons For Your Blogger Blog”. Follow These Steps For Installing Social Media Buttons On Your Blog Easily
1. Dashboard > Design Tab >Add a Gadget “HTML/Java Script”
2. HTML/Javascript GadgetCustomization Of This WidgetÂ
width: 260pxborder-right: 1pxborder-right: 0px
Live Demo
