Blogger’da Twitter ve Facebook sayacı yapmak

Arkadaşlar bu dersimizde Blogger’da Twitter ve Facebook sayfalarımız için sayaç yapmayı öğreneceğiz. Yani örneklendirmek gerekir ise; yan menümüze “1000+ Twitter Takipçimiz Var!” yazacağız. Ve buradaki “1000+” sayısını, Twitter’daki takipçimiz her 1000 tane arttığı zaman kendimiz güncelleyeceğiz. İsterseniz bu sayıyı elbette azaltabilir veyahut yükseltebilirsiniz. Şimdi aklınızda, “normal yazı için eklenti mi gerekir?” sorusu gelebilir. Haklısınız, fakat bizler bu sayacı öyle bir görselleştireceğiz ki gerçekten her tema da çok sağlıklı bir görüntü ile karşı karşıya kalacağız. Ki zaten eklentiyi kurduktan sonra da eklentinin ne denli görsel ve göze güzel gözüktüğünü farkedeceğinize eminim.

Sayfa Ögeleri > Gadget Ekle > HTML/JavaScript Ekle bölümüne giriş yapıyoruz ve..

Twitter sayacı için aşağıdaki kodları ekliyoruz;

<center>
<div style="width:145px;height:130px;margin-bottom:-23px;border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2;">
<img src="http://i51.tinypic.com/qoym4o.png" />
</div>
<br />
<span sans ms style=" background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #666; font-family: sans-serif, arial; font-size: 10px;">
<span style=" background-color:#D2E9F8; font-size: 9px; border-top: 1px solid #8A8A8A; border-right: 1px solid #ddd; border-left: 1px solid #8A8A8A; border-bottom: 1px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Twitter Takipçimiz Var!</span>
</center>

Facebook sayacı için ise aşağıdaki kodları ekliyoruz;

<center>
<div style="width:158px;height:130px;margin-bottom:-23px;border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2;">
<img src="http://i53.tinypic.com/16irvuq.png" />
</div>
<br />
<span sans ms style=" background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #666; font-family: sans-serif, arial; font-size: 10px;">
<span style=" background-color:#D2E9F8; font-size: 9px; border-top: 1px solid #8A8A8A; border-right: 1px solid #ddd; border-left: 1px solid #8A8A8A; border-bottom: 1px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Facebook Takipçimiz Var!</span>
</center>

Not: Yukarıda yer alan kırmızı renkli sayıları; Twitter ve Facebook takipçi sayılarınıza göre düzenlemeyi unutmayınız.