Web Günlüğü - Anasayfa
Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü




Sayfalar




bu bloğu izle

Blogger Efektli Son Tweetleri Gösterme

11 Haziran 2012 Pazartesi - #
Kişisel blogumu açmadan önce bulunan kısa boş zamanımdan ötürü o blogu açmaya ve düzenlemeye üşeniyorum bari bu blogda küçük değişiklikler yapayım dedim ve başladım araştırmaya. Birkaç yabancı sitede gezerken dikkatimi çeken sanırım jQuery nimeti aracılığı ile yapılan son twitter iletilerini gördüm. Bu blogdaki twitter eklentisi her ne kadar yeterli gibi görünse de sadece son iletiyi gösterdiği için biraz farklılık istiyordum.

Biraz raştırma yaptıktan sonra bir yabancı sitede (yine sitenin ismini unuttum, galiba bende alzheimer hastalığı başladı) istenilen sayıda son iletileri javascript kodlarıyla haber sitelerinde bulunan değişen son dakika haberleri gibi gösteren bir eklenti gördüm. İşimi görecek kadar olan sadece javascript kodlarını alarak üzerinde biraz değişiklik yapıp bloga uyarladım gayet de güzel oldu. Arada bir takılmalar oluyor neden kaynaklandığını ben de anlayamadım ama çok da önemli değil.

UYARI : Twitter Api'nin yeni versiyonu çıktığı için bu yazı güncelliğini yitirmiştir bu yüzden Twitter Yeni Api v1.1 İle Son Tweetleri Gösterme başlıklı yeni yazıma bakmalısınız.



Yorumlar

  1. Böylede çok güzelmiş abi ellerine sağlık

    YanıtlaSil
  2. Hocam kodlar kopyalanmıyor. Galiba sitenizde sağ tuş engeli var.

    YanıtlaSil
  3. @tinlamazmodunda Kodları seçtikten sonra ctrl + c yaparak kopyalayabilirsin.

    YanıtlaSil
  4. Bende olmuyor. Kodları yaptım, son olarak istediğim yere yapıştırınca olmuyor. Üstteki yere yapmak istiyorum ama yapamadım.

    YanıtlaSil
  5. @tinlamazmodunda kullanmış olduğun tema'da zaten twitter eklentisi ve jquery kütüphanesi mevcut. Yapman gereken sadece javascript kodlarını body tagından sonra yapıştırmak daha sonra Callback2&count=1 buradaki 1'i 1'den fazla olmak şartıyla değiştirmek.

    YanıtlaSil
  6. Yok hocam yapamadım. Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
    XML hata iletisi: The reference to entity "count" must end with the ';' delimiter. Bu hatayı alıyorum.

    YanıtlaSil
  7. @tinlamazmodunda Twitter eklentisi gayet düzgün çalışıyor, sen bir yerde yanlış yapıyorsun o zaman. Oradaki 1'i değiştirdiğin zaman mı öyle bir hata alıyorsun ?

    YanıtlaSil
  8. Biraz önce bir şey denedim, biraz oldu gibi. Fakat yazılar üst çubuğun içinden taşıp duruyor. Görünümü bozuyor.

    YanıtlaSil
    Yanıtlar
    1. .ust_cubuk css kodlarını bul ve height:20px değerini ekle düzelmesi gerekiyor.

      Sil
    2. height:20px; değeri zaten css kodlarında zaten varmış.

      Sil
    3. Paylaştığım kodlar bu blog'daki ile aynı ve bu blog'da da gördüğün gibi sorunsuz bir şekilde çalışıyor. Sorunun nereden kaynaklandığını ben de bulamadım açıkçası.

      Sil
  9. Hocam şu anda bloguma bakarsanız sorunu görürsünüz. Twit değişirken ust çubuktan taşıyor.

    YanıtlaSil
    Yanıtlar
    1. Şuan sadece son tweet gözüküyor.

      Sil
  10. Şimdi yaptım. Birde şimdi bakın hocam.

    YanıtlaSil
    Yanıtlar
    1. Css kodları arasına alttakileri ekle bir böyle düzelmesi lazım.

      #twitter_update_list {
      overflow:hidden;
      height:20px;
      }
      #twitter_update_list li {
      color: #000;
      height:60px;
      list-style-type: none;
      }

      Sil
  11. Vay be.. Çok güzel oldu. Çok sağol hocam.

    YanıtlaSil