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, Şablon → HTML'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...
boyunu ufaltamıyorum ufaltılca düğmeler alta iniyor
YanıtlaSilEklentinin 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.
Silmerhaba bloguma ekledim. teşekkürler
YanıtlaSilkreatifbaskan.blogspot.com.tr
önizleme göstermiyor
YanıtlaSilÖ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.
Silaga önizlemede tam istediğim gibi ayarladım fakat siteme yerleşimden ekliyorum hiç gözükmüyor.
YanıtlaSilBlogunuzda jQuery Eklentisi var mı? 7. Adımdaki script kodu durumuna bakın. Problem o olabilir.
SilNeyse hocam benim tema buna uygun değilmiş benim istediğim tek şey şu:
YanıtlaSilkı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.
çalışmıyor kodlar blogger şablonda hata veriyor
YanıtlaSilÇok güzel bir eklenti. Emeğinize sağlık. Çok makbule geçti. Başarılarınızın devamını dilerim.
YanıtlaSiladamsın
YanıtlaSilMerhabalar 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ıtlaSilbloguma ekledim ama başka şeyler çıkıyor.
YanıtlaSilbenim blogdaki yazıları göstermiyor.
Bir türlü şunu yapamadım çok istedim blogum da olsun ama olmadı maalesef :(
YanıtlaSil%100 Hatalı Kodlar İçeriyor Not Found Birader.
YanıtlaSilYorum 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!