Sitenize Twitter Kodu Ekleyin – Bir Konu Hakkında Son Yazılanı Takip Edin

Sitenize Twitter Kodu Ekleyin 
– Bir Konu Hakkında Son Yazılanı Takip Edin

Twitter ve diğer sosyal ağlar ile iletişimde sitemiz için nasıl eklentiler kurabiliriz diye soranlar için bir sitede karşılaştığım ve benimde son zamanlardakullanmaya başladığım bir kodu sizle paylaşmak istedim. Bu kod ile anahtar kelime belirliyorsunuz ve bu anahtar kelime twitterda nerde geçerse sizin sayfanıza düşürüyor.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: 'internetdenizi',
interval: 6000,
title: 'Twitter &quot; internetdenizi &quot; Arama Sonuçları',
subject: ' internetdenizi ',
width: 250,
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1985b5'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().start();
</script>

Yukarıda görünen kodun nasıl çalıştığını aşağıda gösteriyorum burda dikkat etmeniz gereken konu hangi konuda twitterdaki yazıyı takip etmek istiyorsanız onu yazmanız gerekecek yani search: ‘internetdenizi’ yazan yerdeki internetdenizi kelimesini takip etmek istediğiniz kelime yapamanız gerekiyor. width: 250 yazan yerden genişliğini ayarlayabilirsiniz.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1985b5'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('internetdenizi').start();
</script>

<div id="twitter_div">
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/internetdenizi.json?callback=twitterCallback2&amp;count=10"></script>

Eğer yazınızı alt alta göstermek istiyorsanız da yukarıdaki kodu da koymanız gerekir böylelikle sade bir görünüm elde edebilirsiniz.