Gerçek Zamanlı Sosyal Ağ Sayaçları

Bugün sizlere güzel bir eklenti sunacağım.Başlıkta da belirttim."Gerçek Zamanlı" diye.Ne demek oluyor hemen anlatalım.Yani, birileri sizin takipçiniz olduysa anında takipçi sayınız güncelleniyor :)





Eklentimiz daha önce bu yazımda vermiş olduğum kodlar ile aynı görevi üstlenmekte.Fakat bu kodlarımızdaki butonlarımız,iconlarımız daha estetik.Aşağıdaki adresten butonlarımızın önizlemesini yapabilirsiniz.




DEMO


Eklentimizin en güzel yanı HTML'yi Düzenle paneline girmeden direkt,

Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/JavaScript gadgetına aşağıdaki kodlarımızı eklememiz oluyor.

<link href='http://tayfun-code.googlecode.com/hg/jquery.nicebox.css' rel='stylesheet' type='text/css'/><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script><script type="text/javascript" src="http://socialconters.googlecode.com/files/jquery.singam.min.js"></script><script type="text/javascript">  $(document).ready(function(){                  $('#fblikes').singam({                    'service':'facebook',                    'countof':'likes',                    'query':'websehri',                    'callback':'formatCount'                });          $('#followers').singam({                    'service':'twitter',                    'countof':'followers',                    'query':'ardaerakman',                    'callback':'formatCount'                });    $('#rss').singam({                    'service':'feedburner',                    'query':'http://feeds.feedburner.com/aerakmanBlog',                    'callback':'formatCount'                });   });              function formatCount(element,count)            {                var display_count='';                count=parseInt(count,10);                if(count>1000000)                {                    count=count/1000000;                    count=count.toFixed(1);                    display_count=count+'m';                }                else if(count>1000)                {                    count=count/1000;                    count=count.toFixed(1);                    display_count=count+'k';                }                else                {                    display_count=count;                }                element.html(display_count);            }</script><div class='col_4'><a href='https://www.facebook.com/websehri' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 facebook-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowyYPiz141njvJepFG61q-Jwt5BIrb-wJtF7ZnaRY3u8EEZJ-1NDMyM_xaeCY7yVjm42LZpv8iBOJxqr7tOTWc5oHjIua63gQmgePwxqMD-YX4bD6Vd3bMRVuRrxYldCKsbmBj-yoNKM/s1600/facebook.png'/></div><div class='cell_2'>Facebook</div><div class='cell_3'><span class='count' id='fblikes'/></span></div></div></a></div><div class='col_4'><a href='http://www.twitter.com/ardaerakman' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 twitter-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpdJz2Cf-dkNMSylUZYo1QzhonHvQrUPthVkNggHVL1DwnV61PHN8gSEAgZKVxfkVKJhHu53fIQ6mZWBvChH5QKtLp-v6xTunHWceJ_kAj5dYFXh32dzKUHOCRczjlLVu-lh8EIWAtX8/s1600/twitter.png'/></div><div class='cell_2 '>Twitter</div><div class='cell_3'><span class='count' id='followers'/></span></div></div></a></div><div class='col_4'><a href='http://feeds.feedburner.com/aerakmanBlog' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 rss-orange'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0havDtycDmmI4XFzuVZvj2l4zSBf06qEujhpJEAKSZPNpvf9rsq3cBy_hm7DTuukSAfHeoZyjVScb1GhUydPZDCAivndI95uSNTMef_7_LYTEtI-LDgbY8FnnTU7wcJQl_94jzE7c238/s1600/rss.png'/></div><div class='cell_2'>RSS</div><div class='cell_3 '><span class='count' id='rss'/></span></div></div></a></div>

Kodlarımızda ki değişkenler ise şu şekilde:

ardaerakman arkadaşlar bu id kodlarımızda 2 adet bulunmaktadır.İkisinide kendi idniz ile değiştiriniz.

websehri arkadaşlar bu id de kodlarımızda 2 adet bulunmaktadır.İkisinide kendi idniz ile değiştiriniz.

aerakmanBlog arkadaşlar bu idmiz de kodlarımızda 2 adet bulunmaktadır.İkisinide kendi idniz ile değiştiriniz.