Blogger Efektli Son Tweetleri Gösterme

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ıtlayınSil
  2. Hocam kodlar kopyalanmıyor. Galiba sitenizde sağ tuş engeli var.

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

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

    YanıtlayınSil
  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ıtlayınSil
  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ıtlayınSil
  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ıtlayınSil
  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ıtlayınSil
    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ıtlayınSil
  10. Şimdi yaptım. Birde şimdi bakın hocam.

    YanıtlayınSil
    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ıtlayınSil

Yazı İçeriği

Son Yazılar

Son Yorumlar

Abonelik

En son tema güncellemeleri, özel teklifler ve faydalı kaynaklardan haberdar olmak için e-posta adresinizle abone olun.