İlk önce şu kodu buluyoruz;

]]></b:skin>

b:skin

/* ---- 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ş

Etiketler: Blogger İpuçlarıekleTwitter