BLOG SİTENİZE TWİTTER TAKİP (FOLLOW) BUTONU EKLEYİN

Geçtiğimiz günlerde blog siteleri dolanırken sıkça karşılaştığım sorulardan biri oldu Twitter takip kodunu blog siteme nasıl eklerim? sorusu. Bu yüzden bu yazımı bu konuyla ilgili kodları bir araya getirme maksadıyla yazmaya karar verdim.


Bu işi aslında twitter'ın kendisi zaten yapıyor. Buraya tıklayarak twitter takip düğmelerine (butonlarına) ulaşabilirsiniz. Ya da ben işi biraz uzatmak istiyorum, kodlarla uğraşmak istiyorum diyenlerdenseniz aşağıdaki kodlarla işinizi görebilirsiniz.



Bunu nasıl yapacaksınız?


BLOG SİTEME TWİTTER TAKİP BUTONU NASIL EKLERİM? ya da TWİTTER TAKİP KODLARINI BLOGUMA NASIL EKLERİM?
 
 Şablon kodlarınıza girip </body> tagını bulun ve hemen üzerine aşağıdaki kodu ekleyin.

<script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>

 
Farklı şekillerde Twitter Takip Butonu istiyorsanız aşağıdaki tiplerden istediğinize göre kodunuzu seçebilirsiniz:

1]   

<iframe title="Twitter Follow Button" style="width: 114px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1329950604.html#_=1330305791961&id=twitter-widget-8&lang=en&screen_name=enginsevinc&show_count=false&show_screen_name=true&size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

2]   

<iframe title="Twitter Follow Button" style="width: 160px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1329950604.html#_=1330305791993&id=twitter-widget-12&lang=en&screen_name=enginsevinc&show_count=true&show_screen_name=false&size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

3]
 

<iframe title="Twitter Follow Button" style="width: 203px; height: 28px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1329950604.html#_=1330304959258&id=twitter-widget-16&lang=en&screen_name=enginsevinc&show_count=true&show_screen_name=false&size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe> 

kodlarından birini kullanın. Daha fazla bilgi, daha fazla düğme (buton) seçeneği ve daha fazla fazlalık için şu adresi ziyaret edebilirsiniz. Bu yazım için ekleyeceğiniz kendi düşünceniz varsa yorum kısmına yazarak düşüncenizi paylaşabilirsiniz. Bu arada kırmızıyla enginsevinc yazan yerleri kendi twitter hesap isminizle değiştirirseniz sorun almazsınız.

Haydi kolay gelsin..