jQuery Son Konular Haber Akışı Eklentisi
Bu yazımda soldan sağa doğru sıra ile blogunuzda yazdıgınız son yazıların yazılarak geldiği farklı haber bandı uygulaması yapacağız. Diğer adıyla Haber manşet akışı, News Ticker ismiyle çağrılıyor. jQuery ile çalışan bu şık eklenti ziyaretçilerinizin dikkatini çekecek ve son konularınız daha fazla okunacak. Aşağıdaki kod Oluşturucuyla blogunuza ekstra bir görünüm vermek, konularınıza ziyaretçi çekmek için Sadece birkaç tıklama ile bu Son Konular Haber Akışı Eklentisini eklemenizi sağlar. Ana menünüzün hemen altına bu widget'i ekleyebilirsiniz.

Özellikler:

  • jQuery/JavaScript Eklenti.
  • News Ticker daktilo Stil Son Konular kaydırma özellikli.
  • İleri-geri, play-pause butonu.
  • Tam özelleştirilebilir özellikleri ile harika ve şık bir görünüm.

jQuery Son Konular Haber Akışı Eklentisini ekleme

1. Blog Url'nizi girin.
2. Kaydırma için son yazılan sayısını seçin.
3. Kaydırma hızını ayarlayın.
4. Önceki, Sonraki ve Play Basma düğmelerinin gösterilip gösterilmeyeceğini seçin.
5. Eklenti başlığını seçin.
6. İstediğiniz rengi seçin.
7. Blogunuzda jQuery Eklentisi var ise Evet, Yoksa Hayır'ı seçin.
Örnek: https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js gibi...
8. Oluştur ve ardından Önizleme'yi tıklayın.
9. Oluşturulan Kodu kopyalayın ve blogunuzda / web sitenizde istediginiz herhangi bir yere, Gadget olarak yada blogger kontrol panelinizden, ŞablonHTML'yi Düzenle yaparak sitenizde istediğiniz bölüme yapıştırın.

Şimdi Blogunuzu kontrol edin. İşlem bukadar.
Kodu denemek ve daha özelleştirmek için Online html editor'ü kullanabilirsiniz.
Barış, huzur, sağlık ve bereket Arkadaşlar! Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. İyi bloglamalar...

15 Yorumlar

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

  1. boyunu ufaltamıyorum ufaltılca düğmeler alta iniyor

    YanıtlaSil
    Yanıtlar
    1. Eklentinin boyutunu, genişliğini ayarlarken style kodlarındaki .ticker-wrapper.has-js tanımının width değerini değiştirirken, .ticker tanımındaki width değerinide ona göre ufaltın. Kayma olmayacaktır. Kolay gelsin.

      Sil
  2. merhaba bloguma ekledim. teşekkürler
    kreatifbaskan.blogspot.com.tr

    YanıtlaSil
  3. Yanıtlar
    1. Önizlemede problem yok, gösteriyor. Eklenti oluşturucuda ikinci defa değişiklik yapıp önizlemeye bastığınızda göstermeyebilir, bu durumla karşılaşanlar lütfen sayfayı yenileyerek yeni bilgileri girip kodu oluştursunlar. Böylece önizlemede oluşturduğunuz eklentiyi göreceksiniz. Herkeze kolay gelsin.

      Sil
  4. aga önizlemede tam istediğim gibi ayarladım fakat siteme yerleşimden ekliyorum hiç gözükmüyor.

    YanıtlaSil
    Yanıtlar
    1. Blogunuzda jQuery Eklentisi var mı? 7. Adımdaki script kodu durumuna bakın. Problem o olabilir.

      Sil
  5. Neyse hocam benim tema buna uygun değilmiş benim istediğim tek şey şu:
    kırmızı bir div var bottom:0px; postion da fixed haberlerde olurya aşşada kırmızı yazısı beyaz son haberler diye o tür marque ile içine içerik girer sola kayardı ben bunla uğraşmak istemiyorum hazırladığım divin içinde son yayın başlıkları link halinde sola doğru gitsin istemekteyim. lütfen yardımcı olun.

    YanıtlaSil
  6. çalışmıyor kodlar blogger şablonda hata veriyor

    YanıtlaSil
  7. Çok güzel bir eklenti. Emeğinize sağlık. Çok makbule geçti. Başarılarınızın devamını dilerim.

    YanıtlaSil
  8. Merhabalar sitnizden ticker kodunu aldım ve blogger ma yükledim ancak yükledikten sonra sitemin arka plan rengi değişiyor ve ticker görünmüyor yardımcı olabilir misiniz?Şimdiden tşkr ederim.

    YanıtlaSil
  9. bloguma ekledim ama başka şeyler çıkıyor.
    benim blogdaki yazıları göstermiyor.

    YanıtlaSil
  10. Bir türlü şunu yapamadım çok istedim blogum da olsun ama olmadı maalesef :(

    YanıtlaSil
  11. %100 Hatalı Kodlar İçeriyor Not Found Birader.

    YanıtlaSil

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

Önceki Makale Sonraki Makale