jQuery ile Tweet Çubuğu Yapımı

jQuery ile yapamayacağımız şey kalmadı neredeyse :D Bunlardan biri de Twitter güncellemelerini gösterebileceğimiz bir çubuk yapımı. Basitleştirilmiş ve sadece sizin tweetlerinizi gösterebilecek bir tweet çubuğu yapımı göstereceğim. Nerede kullanmak istediğiniz size kalmış :) Bu kodu geliştiren kişi birkaç ayar ile tüm etiketlerden, sadece koordinat bazında tweetleri gösterebilen bir kod haline getirmiş. Yazının sonundaki kaynak siteden bu bilgilere de erişebilirsiniz.

Twitter API değiştiği için Tweetleriniz görünmeyebilir

Kodlar…

Her zamanki gibi öncelikle sayfamıza java kodlarımızı ve jQuery kodlarını çağırmamız gerekmekte. Öncelikle bu işlemleri gerçekleştirelim. Örneğini vereceğim çubuk alanı için gerekli olan javascript dosyasını aşağıdan indirebilirsiniz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://realtime-related-tweets-bar.googlecode.com/files/jquery.relatedtweets-1.0.min.js"></script>

Sonra bu kodların altına sizin tweetlerini göstermesi için gerekli kodu yerleştiriyoruz.

<script type="text/javascript">
   $(document).ready(function(){
      $('#rrt').relatedTweets({
         debug:true
         ,from_users:'sizin twitter idniz'
         ,status:1
         ,realtime:0
         ,n:20
         ,show_avatar:0
         ,show_author:0
      });
   });
</script>

Bu kodları çağırdıktan sonra çubuğun görüneceği alanı oluşturuyoruz.

<div id="rrt">Yükleniyor..</div>

Hepsi bu kadar. Örneğe aşağıdan erişebilirsiniz.

Örnek Linki

Kaynak Site

Gerekli Javascript Dosyası

[download id=”22″]

Hadi Selametle

Serkan Algur: WordPress ile uğraşan deli bir adam...

This website uses cookies.