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ü ;
Facebook için ;
Son olarak Kırmızı renkteki sayı değerini manuel olarak ayarlayınız.
Bütün işlem bu kadar.Hayırlı olsun :)
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 :)
