Otomatik Feedburner, Facebook, Twitter, Yazı Ve Yorum Sayacı

Blogumun kenar çubuğunda gördüğnüz RSS abone sayısını, Facebook hayran sayısını, Twitter takipçi sayısını, kayıt ve yorum sayısını gösteren otomatik sayacı paylaşmam için çok istek geldi.İşte o sayacı paylaşıyorum.

Öncelikle sayaç hakkında bir kaç şey söyleyeyim.

• Abone, hayran, takipçi, yazı ve yorum sayınız artttıkça sayaç otomatik güncellenir.
• Sayılar güncelleneceği zaman kısa süreliğine bazı değerler “0” olarak gözükebilir.Bu geçici bir durumdur ve kısa sürede golması gereken değer tekrar gözükür.
• Kenart çubuğunuza uyum sağlamazsa kodlardaki width değerleriyle oynayarak genişliği ayarlayabilirsiniz.

Sayacı nasıl yükleyeceğinize gelince aşağıdaki kodları sayacın gözükmesini istediğiniz yere HTML/JavaScript gadget’ı olarak eklemeniz yeterli.

<style>.redesss img {-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:3px;padding: 0 5px;}
.redesss img:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}
.redesss b {line-height: 16px;}</style>


<div class="redesss" style="font-size:11px;text-align:center;">
<table border="0" cellspacing="0" cellpadding="0" width="258"><tbody>
    <tr>
      <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı RSS ile takip et" href="http://feeds.feedburner.com/bloghocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdVCtxUwhiGOfzXAortdzSKmuYXwFBogRFhhEa__AI0Q5hrK8_We4Ffumm7BLxJPzfw4Uzujg7c_IPAKmUIDr1f4Wn0LPBIHPhzbCwwUs0pMlWv7IV861BeB7tHYfuiRFlXWe67r3Kgs-/s46/rss-count.png" /></a>

        <br /><b style="font-size: 12px;"><script language='javascript' type='text/javascript' src='http://yourjavascript.com/057219301121/contadorfeed.js?uri=bloghocam'></script></b>

        <br />Abone</td>

      <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı Facebook&#39;ta beğen" href="http://www.facebook.com/bloghocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://lh3.googleusercontent.com/-FiFNv5dR9R0/TwL0g9i9-iI/AAAAAAAAB2g/ymNwCOjUF4I/s46/facebook-count.png" /></a> 

        <br /><b style="font-size: 12px;"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=196713297023764"></script></b>

        <br />Hayran</td>

      <td valign="top" width="51" align="center"><a title="Blog Hocam&#39;ı Twitter&#39;da takip et" href="https://twitter.com/BlogHocam" target="_blank"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://lh5.googleusercontent.com/-Fz4icHcaIP4/TwL0hzjjqfI/AAAAAAAAB2o/32bQVnl-svM/s46/twitter-count.png" /></a> 


        <br /><b style="font-size: 12px;"><script type='text/javascript' src="http://yourjavascript.com/170130217251/contadortwitter.js?usuario=bloghocam"></script></b>

        <br />Takipçi</td>

      <td valign="top" width="51" align="center"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://lh5.googleusercontent.com/-AJZ_iDJdDPM/TwL0jGqSxkI/AAAAAAAAB2w/byIZWecdTv8/s46/post-count.png" /> 

        <br /><b style="font-size: 12px;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></b>

        <br />Yazı</td>

      <td valign="top" width="51" align="center"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" border="0" src="https://lh5.googleusercontent.com/-y4YdZ-In75c/TwL0j6InGVI/AAAAAAAAB24/KprxmyYfXy0/s46/comment-count.png" /> 

        <br /><b style="font-size: 12px;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></b>

        <br />Yorum</td>
    </tr>
  </tbody></table></div>

Düzenlemeniz gereken yerler:


1. http://feeds.feedburner.com/bloghocam yerine kendi FeedBurner adresinizi yazın.


2. http://yourjavascript.com/057219301121/contadorfeed.js?uri=bloghocam bu satırdaki bloghocam yazan yere kendi FeedBurner ID’nizi yazın.


3. http://www.facebook.com/bloghocam yerine kendi Facebook sayfanızın adresini yazın.


4. http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=196713297023764 bu satırdaki 196713297023764 yazan yere kendi Facebook sayfanızın ID’sini yazın.


5. http://twitter.com/BlogHocam yerine kendi Twitter adresinizi yazın.


6. http://yourjavascript.com/170130217251/contadortwitter.js?usuario=bloghocam satırındaki bloghocam yerine kendi Twitter kullanıcı adınızı yazın.


Facebook sayfamın ID’sini nasıl öğrenebilirim?


Facebook sayfanıza girip sağ üst tarafta bulunan Sayfayı Düzenle butonuna bastıktan sonra adres çubuğunuza baktığınızda şuna benzer bir adres göreceksiniz:


https://www.facebook.com/pages/edit/?id=xxxxxxxxxxxxxxx


Bu satırdaki id=xxxxxxxxxxxxx yazan yerdeki sayı sizin Facebook sayfanızın ID’sidir