En son twit’i göstermek

Bu kodu, bu yazıyı yazdığım tarihte Google’dan o kadar aradım bulamadım. Bende bir arkadaşın sitesinde istediğim şekilde kod vardı. Ben girdim sağ tıkla, kaynağı görüntüle, div kodlarını ve script kodlarını bulup koydum kendi bloguma, bu benim için büyük bir şey, eğer bunu okurken gülüyorsanız 🙂 Şimdi bu kodu size vereceğim değerini bilin. Bu arada kod haram kod değil, hakkını helal etti arkadaş 🙂 Bende sizlerle paylaşıyorum.

İlk önce şu kodu buluyoruz;

]]></b:skin>

Bulamazsanız, sadece;

b:skin

diye aratın. Daha sonra şu kodları az önce bulduğumuz koddan öncesine ekliyoruz.

/* ---- twitter ---- */
#sonsuzluga {
clear:both;
text-transform: lowercase;
margin:5px 0;
background: url('http://widgets.twimg.com/i/widget-logo.png') no-repeat top left;
color:#000;
text-shadow: silver 0px 0px 4px;
}
#ve_otesine a{
color:#fff;
}
#twitter_update_list a:hover{
text-decoration:underline;
}
#twitter_update_list span{
font-size:10px;
font-weight:bold;
line-height:130%;
padding-left:80px;
}

Şimdi kodları tanıttık. Ve işin en ballı kısmı. Tek satırlık twitter kodunu nereye eklemek istiyorsak aşağıdaki kodu oraya ekliyoruz. Tasarım sekmesindeki Sayfa Öğeleri kısmından HTML olarak eklemenizi öneririm, direkt olarak tasarıma eklemeyin, bu dediğimi yapmak için Sayfa öğesi (alanı) oluşturmanız gerekmektedir. Onu da şu yazımda anlattım. İşte o kod;

<div id="sonsuzluga">
<div id="ve_otesine">
</div>
</div>
<script type="text/javascript">

//<![CDATA[

function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; i<twitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)://[^"s<>]*[^.,;'">:s<>)]!])/g, function(url) {
return '<a rel="external" href="'+url+'">'+url+'</a>';
}).replace(/B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a rel="external" href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
statusHTML.push('<span>'+status+'</span> <a rel="external" style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a>');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);

if (delta < 60) {
return 'az önce »';
} else if(delta < 120) {
return 'bir dakika önce »';
} else if(delta < (60*60)) {
return (parseInt(delta / 60)).toString() + ' dakika önce »';
} else if(delta < (120*60)) {
return 'bir saat önce »';
} else if(delta < (24*60*60)) {
return ' ' + (parseInt(delta / 3600)).toString() + ' saat önce »';
} else if(delta < (48*60*60)) {
return '1 gün önce »';
} else {
return (parseInt(delta / 86400)).toString() + ' gün önce »';
}
}

//]]>
</script>
<script src="http://twitter.com/statuses/user_timeline/frknzdn.json?callback=twitterCallback2&amp;count=1" type="text/javascript">

</script>

Tamam bu kadar 🙂 Takıldığınız yer olursa gönderinin alt kısmına yorum bırakabilirsiniz. Son bir not, kod içerisinde frknzdnyi bulup kendi adınızla değiştirin.

Paylaş

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

7 Cevaplar

  1. mterzy dedi ki:

    Günümüzün en revaçta sosyal imleme platformu eklentisi de çok tutacaktır inancındayım

  2. Seyda AŞAN dedi ki:

    hcam olmuyor ya 2 sitede denedim cıkmıyor yardım edermisiniz

  3. Furkan ÖZDEN dedi ki:

    2. kısımdaki kodu temaya değil Gadget’ın içine ekleyeceksiniz yoksa hata verir.

  4. Seyda AŞAN dedi ki:

    bence bu kadar kodla uğraşmaya hiç gerek yok 🙂
    Buyrun kolay esnek ve türkçe http://www.r10blog.net/2011/10/bloggerda-turkce-son-twiti-gostermek.html

  5. Furkan ÖZDEN dedi ki:

    Bu da alternatif olsun o zaman 🙂

  6. Özer Gül dedi ki:

    benden bir öneri ; yazı kopyalamayı engelleme kodunu kaldır 😉

  7. Furkan ÖZDEN dedi ki:

    Kod penceresinin üzerine gelince sağ üstte beliren tablodan kodu alabilirsiniz 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bunlar da hoşunuza gidebilir...