17 Ekim 2015 Cumartesi

Blogger manuel twitter ve facebook sayaç eklentisi

Merhaba ;

Sosyal paylaşım ile ilgili birçok eklenti paylaştık ancak bloglar ve websitelerde sosyal medyanın ciddi derecede etkisi olması , birçok yeni eklentiyide beraberinde getiriyor.
Bu eklentilerden bir taneside bloğunuzun tasarımına katkı sağlamanın yanında , şık ve sadece görünüşü ile dikkat çeken facebook ve twitter sayaç eklentisini sizlerle paylaşmak istedim.

Kuruluma geçmeden eklentiden görüntü ;


Kurulum ;

Ayrı ayrı kullanmak isteyen arkadaşlar için 2 ayrı kod halinde paylaşıyorum.

Twitter için ;
<center>
<div style="width:100px;height:100px;margin-bottom:-23px;border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2;">
<img src="http://i51.tinypic.com/qoym4o.png" />
</div>
<br />
<span sans ms style=" background-color:#F2F2F2; border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2; border-bottom: 0px 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: 0px solid #8A8A8A; border-right: 0px solid #ddd; border-left: 0px solid #8A8A8A; border-bottom: 0px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Twitter Takipçimiz Var!</span></center>


Facebook için ;
<center>
<div style="width:100px;height:100px;margin-bottom:-23px;border-top: 0px solid #F2F2F2; border-right: 0px 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: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2; border-bottom: 0px 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: 0px solid #8A8A8A; border-right: 0px solid #ddd; border-left: 0px solid #8A8A8A; border-bottom: 0px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Facebook Takipçimiz Var!</span>
</center>


Son olarak Kırmızı renkteki sayı değerini manuel olarak ayarlayınız.
Bütün işlem bu kadar.Hayırlı olsun :)
Dipnot
Bu yazı 17 Ekim 2015 Cumartesi günü tarafından yazılmıştır. Güncel yazılarımızı RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz bu konu hakkındaki düşüncelerinizi yorum bölümünü kullanarak bana ve değerli ziyaretçilerime iletebilirsiniz.

0 yorum:

Yorum Gönder

Değerli yorumlarınız için şimdiden teşekkürler.
Lütfen bu yazımız ile ilgili yorum yapınız.
Diğer iletmek istediklerinizi iletişim sayfasından veya iletişim formunu kullanarak bana ulaştırabilirsiniz.