Wordpress Olmayan Blogunuzda Son Tweet'lerinizi Görüntülemek (-5-Yorum-)

YAZI GÜNCELLENDİ

Blogunuz Wordpress ise Twitter'a girdiğiniz tweetleri göstermek için sayısız eklenti var. Blogger'da ise RSS widgetine twitter hesabınızın RSS adresini girerek sadece son 5 tweeti gösterebiliyorsunuz.

Herhangi bir blog servisinde veya blogger'da, istediğiniz kadar tweet'i sağ tarafdaki gibi temizce gösterebilmek için; Google'ın Ajax Feeds apisini kullanabiliriz.

http://code.google.com/apis/ajaxfeeds/signup.html adresinden blogunuza özel api keyini alın

Bu javascript dosyasını indirip Google Pages'e veya dosyaya direk ulaşabileceğiniz herhangi bir yere upload edin.

Blogunuzun HEAD kısmına; buradaki kodları kendi bilgilerinize göre değiştirp yerleştirin.

Tweetleri göstermek istediğiniz yere de buradaki kodları istediğiniz gibi değiştirip yerleştirebilirsiniz.

socialfeed.setentrycontainer("p") satırı her tweetin hangi etiket içine alınacağını gösteriyor. Tweetleri gösterdiğiniz kısmı id'si belirlenmiş bir div içine alırsanız; CSS'den tweetlerin nasıl görüneceğini rahatça belirleyebilirsiniz.


Blogdaki Twitter kısmı çok daha harika oldu. Tweetlerin zamanları, şu kadar saat dakika gün önce diye bile gösterlebiliyor. Üstelik anında güncelleniyor. Böyle olmasının nedeni bu yazıya yapılan Mafiamax'ın yorumu.

Twitter aslında her türlü sitede Tweet'lerimizi gösterme imkanı yanıyan bir kod veriyormuş. Ama bu kod Türkçe değil ve bazı eksikleri var.

Mafiamax'ın kendi blogundaki bir yazıdan yola çıkarak çok güzel bir Twitter JavaScript dosyası hazırladım.

Dosyayı buradan indirebilirsiniz.


Dosyayı indirdikten sonra, Google Pages veya kendi hostumuz gibi herhangi direk link ile kullanabileceğimiz bir yere upload edin. 

Javascript dosyalarıyla uğraşmanıza gerek yok, buradaki kodu sayfanızın HEAD kısmına ekleyin.

http://twitter.com/badges/blogger sayfasından gerekli kodu alın ve javascript dosyanızın bulunduğu yere göre düzenleyin (ÖRNEK) ve Tweet'lerin görünmesini istediğiniz yere koyun.

CSS'den;

#twitter_div li{
}

ile tweet kısımlarının;

#twitter_div span a{
}

ile tweetlerdeki linklerin;

.tarih a{
}

ile de tarih kısımlarının görünüşlerine müdehale edebilirsiniz.