Paylaştığımız bu eklenti sayesinde Facebook, Twitter ve Feedburner abone sayısını kendi Blogger adresinizde gösterebilir ve bu servislerde oluşturduğunuz hesaplara link verebilirsiniz.Kurulumu çok kolay ve çok şık bir eklenti olan Sayaçlı Sosyal Takip Butonları eklentimiz size sosyal medyada üye olunduğu zaman otomatikmen artıyor..
1. Adım HTML Kodlarını Blogger'a Ekleyin
Yeleşim ➜ Gittikten sonra Gadget ekle diyoruz ve HTML/JavaScript aşağıdaki Kodlarımızı ekliyoruz ve Sayaçlı Sosyal Takip Butonları eklentimizi kurmuş oluyoruz. <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':'Facebook Kullanıcı Adınız', 'callback':'formatCount' }); $('#followers').singam({ 'service':'twitter', 'countof':'followers', 'query':'Twitter Kullanıcı Adınız', 'callback':'formatCount' }); $('#rss').singam({ 'service':'feedburner', 'query':'http://feeds.feedburner.com/Feedburner ID' adresiniz ', '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/Blogger Eklentileri' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 facebook-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhReKJdFdWKbtbxSFiGt2PDYjdZwu4ZuVqeYcNiFCwJG-huRgQXHlXVS73gQar5_6CGNNxGQHR5yY3BuiR28DAyiY-8C9NMDDzBwpz-lBHpDnxbNy5OOwHFEALGeQ87zkCydyiC4FkPIFc/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/amedcan_cancan' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 twitter-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgjSNdhyqqa3CLbLxbjuH8YrzuOFC4qcfDng60PtPaNmZyA0TcV7a_Gm5msUJyeS3M5HbYOFOpmLTraVu97o1tSwcU0Gpbr8MtikNL4EBawX8bSoe7L03uCeN_sV43wct_O22khHB9KL8/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/ Feedburner ID' adresiniz' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 rss-orange'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlksm4-BDgi790pPotRbR4vBb-teQQS6UFcOnb3_ufJbOXL9urwr30rokZMtdDrac4jKH0EDEggMz2c4zQMqBYjsTCXZRQ2vw6TfybdNaJC57RY_Elg3GrXFEHSLp09Ik3HzlvQwEdUrE/s1600/rss.png'/></div><div class='cell_2'>RSS</div><div class='cell_3 '><span class='count' id='rss'/></span></div></div></a></div>
Renklendirmiş olduğumuz kısımları kendinize göre düzenleyiniz.kaynak:bloggereklentileri.blogspot
Yeleşim ➜ Gittikten sonra Gadget ekle diyoruz ve HTML/JavaScript aşağıdaki Kodlarımızı ekliyoruz ve Sayaçlı Sosyal Takip Butonları eklentimizi kurmuş oluyoruz.
<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':'Facebook Kullanıcı Adınız', 'callback':'formatCount' }); $('#followers').singam({ 'service':'twitter', 'countof':'followers', 'query':'Twitter Kullanıcı Adınız', 'callback':'formatCount' }); $('#rss').singam({ 'service':'feedburner', 'query':'http://feeds.feedburner.com/Feedburner ID' adresiniz ', '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/Blogger Eklentileri' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 facebook-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhReKJdFdWKbtbxSFiGt2PDYjdZwu4ZuVqeYcNiFCwJG-huRgQXHlXVS73gQar5_6CGNNxGQHR5yY3BuiR28DAyiY-8C9NMDDzBwpz-lBHpDnxbNy5OOwHFEALGeQ87zkCydyiC4FkPIFc/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/amedcan_cancan' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 twitter-blue'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgjSNdhyqqa3CLbLxbjuH8YrzuOFC4qcfDng60PtPaNmZyA0TcV7a_Gm5msUJyeS3M5HbYOFOpmLTraVu97o1tSwcU0Gpbr8MtikNL4EBawX8bSoe7L03uCeN_sV43wct_O22khHB9KL8/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/ Feedburner ID' adresiniz' rel='nofollow' target='_blank'><div class='box'><div class='cell_1 rss-orange'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlksm4-BDgi790pPotRbR4vBb-teQQS6UFcOnb3_ufJbOXL9urwr30rokZMtdDrac4jKH0EDEggMz2c4zQMqBYjsTCXZRQ2vw6TfybdNaJC57RY_Elg3GrXFEHSLp09Ik3HzlvQwEdUrE/s1600/rss.png'/></div><div class='cell_2'>RSS</div><div class='cell_3 '><span class='count' id='rss'/></span></div></div></a></div>
Renklendirmiş olduğumuz kısımları kendinize göre düzenleyiniz.
kaynak:bloggereklentileri.blogspot
0 yorum:
Yorum Gönder