Bu şekilde Sosyal Ağlar?

Merhaba bugün tikirti.com sitesinde birşeye denk geldim çok hoşuma gitti. her makalenin altında bu şekilde sosyal ağ beğenme alanı var. Eğer site sahibi aramızdaysa veya yapımı uzun bir işlem gerektirmiyorsa paylaşır mısınız?

Ben de çok beğendim şahsen

evt güzel olmuş kim yaptıysa güzel yapmış

css ile arka plan vermiş facebook beğen ve twitter'a.

<!-- Facebook ve Twitter Başı -->
<div class="facebookbegen">
<div style="margin-top:80px;">
<fb:like send="true" layout="button_count"></fb:like>
</div>
</div>
<div class="twittertakip">
<div style="margin-top:80px; margin-left:75px;">
<a href="http://twitter.com/BerkayTutal" class="twitter-follow-button" data-show-count="false" data-lang="tr" data-link-color="#ffffff" target="_blank">Follow @BerkayTutal</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div>
<!-- Facebook ve Twitter Sonu -->

Teşekkürler umarım arkadaşlara faydası olur

hocam php de çok usta değilim verdiğiniz kodlara bende ulaştım ama siteme nasıl monte edeceğimi bulamadım bu kodu eklediğimde çalışmadı ya da ben beceremedim.

edit: burakisci v4 temasını kullanıyorum.
edit2: tamam hocam css kodlarını inceleyince çözdüm teşekkürler.

single.php dosyası, uygun bir yere şu kodları yerleştir.

<!-- Facebook ve Twitter Başı -->
<div class="facebookbegen">
<div style="margin-top:80px;">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>
</div>
</div>
<div class="twittertakip">
<div style="margin-top:80px; margin-left:75px;">
<a href="http://twitter.com/BerkayTutal" class="twitter-follow-button" data-show-count="false" data-lang="tr" data-link-color="#ffffff" target="_blank">Follow @BerkayTutal</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div>
<!-- Facebook ve Twitter Sonu -->

style.css dosyasına şu kodları yerleştir;

.facebookbegen {width:300px; height:117px; background:url(http://www.tikirti.com/wp-content/themes/tikirti/img/facebookbegen.jpg) no-repeat; float:left; text-align:center; margin-bottom:10px;}
.twittertakip {width:300px; height:117px; background:url(http://www.tikirti.com/wp-content/themes/tikirti/img/twittertakip.jpg) no-repeat; float:left; margin-left:5px; margin-bottom:10px;}

ilk verdiğim kodların içerisindeki twitter adresini düzenlersin kendine göre.

Sağolasın hocam bende style dosyasına bakınca anladım mantığını, yaptım. Diğer arkadaşlar faydalanır.

Teşekkür ederim ben de yararlandım