Sosyal Medya Butonlari (Yepyeni)

Sosyal Medya Butonlari (Yepyeni)

İsteyenler resimlerin boyutunu küçültebilir, dileyenler böylede kullanabilir...


Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu ekleyin;

<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/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-lfhK4CQn6qc/T5CACsqIGaI/AAAAAAAACMs/LAHVJQFRmtg/s1600/facebooks.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-9nGjssGDL5g/T5CAERU_ePI/AAAAAAAACNA/WaV-55ZbCPE/s1600/twitter.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="http://feeds.feedburner.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-KFkaTCPJaUk/T5CADsNJKYI/AAAAAAAACM4/AVQhTUYwjvI/s1600/rss.png" /></a></div></td>
<td><a class="Fadeout" href="https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://2.bp.blogspot.com/-zTavUQFMtQo/T5CADMjtnGI/AAAAAAAACMw/qwz6sDVdwIA/s1600/google.png" /></a></td>
</tr></table>
</div>

Yukarıdaki Kırmızı renkli yerleri kendi adresleriniz ile düzeltiniz