Jquery RSS Slider

Bundan önce 1  2 yazımızda sizlere blog’unuza hareket katacak iki uygulama tanıtmıştık, bu uygulamalardan biri RSS içeriğinize abone olarak son postları otomatik olarak, slider da gösteriyordu diğer uygulamamızsa zengin efekt seçeneği sunmasına karşın sliderda gösterilecek resim ve bağlantıların elle değiştirilmesi gerekiyordu.

2012-02-10_173543

Blog ziyaretçilerimizin karşılaştığı diğer bir sorunda kodları elle eklemek. Şuan tanıtacağım kendi hazırladığımız uygulama blog ziyaretçilerimizden gelen gelen isteklere hitap ediyor.

 

Her iki uygulamamızı biraz zeka ile harmanladıktan sonra, ortaya görselleri ve bağlantıları otomatik değişen ve sizi suya sabuna bulaşmadan tercihlerinizi belirledikten sonra, bir kaç tıklama sayesinde blog’unuza ekleyebileceğiniz Jquery.malsup kullanılarak hazırlanmış bir eklenti ortaya çıktı.

 

Eklentimiz daha yeni olduğu için ufak tefek sorunlarla karşılaşabilirsiniz karşılaştığınız sorunları ve isteklerinizi yazarsanız ilerleyen günlerde eklentimizi daha da geliştirebiliriz.

 

Eklentimizin çalışma mantığı çok basit daha önce oluşturduğunuz bir kategoriniz varsa bu kategoriyi yazıyorsunuz ve tasarımınıza uygun şekilde görsellerin boyutlarını ve kaç adet yazının gösterileceğini belirttikten sonra, bir çok efekten istediğiniz belirleyip blog’unuza gadget olarak ekliyorsunuz.

 

2012-02-10_174700

 

Bundan sonra yamanız gereken, slidera eklenmesini istediğiniz yazıları belirlediğiniz kategoride etiketlemek.

 

2012-02-10_173843

Slider’ı blog’unuza eklediğinizde otomatik olarak kenar çubuğuna yerleşecektir ama siz isterseniz sürükle bırak yöntemiyle yazılarınızın üstüne de alabilirsiniz.

 

 

 

 

Tercihleriniz belirleyip kodu oluştur yazan butona basın.

Paylaş !

29 yorum:

  1. yine yine süpersin tayfun hocam

    YanıtlaSil
  2. teşekkürler müjdat beğenmene sevindim ..

    YanıtlaSil
  3. Merhabalar, merakimi cekti, bazi bloglar, 4-5 gün önce yaptiklari yayinlari, aynen, hicbir degisiklik yapmadan, yorumlarini kaybetmeden, sanki 10 dakika önce hazirlanmis gibi yeniden yayinlayip listelerde üste siraya cikabiliyorlar,,, bu nasil gerceklesebiliyor.... Vaktiniz olursa kisa bir bilgi verebilir misiniz....:)

    YanıtlaSil
    Yanıtlar
    1. merhaba MÜNSTER sanırım listeden kastettiğin, favori bloglarım gadget'ı, denemedim ama bu tarz eklentiler RSS yayınından içerik çektikleri için yayınların sıralaması için tarihe bakarlar, sende daha önce yayınladığın bir yazıyı, yeniden düzenlemek için açtıktan sonra, yazı panelinin sol alt köşesinde bulunan Kayıt Seçenekleri bağlantısına tıklayıp, açılan tarih bölümünde yazının tarihini değiştirebilir, örnek bu günün tarihini girersen, senin yazında listelerde en üst sıralarda çıkacaktır.

      Ama bunu yapmak ne kadar doğru orası da tartışılır :)

      Sil
  4. Tesekürler.... Bunun yanlis ve haksiz oldugunu ben de biliyorum ve denemeyecegim bile... Ama bunu yapan öyle cok blog var ki, hani belki buradan "sana söylüyorum kizim, sen anla gelinim" olur..::)) Sevgiler.....

    YanıtlaSil
    Yanıtlar
    1. Bir kere denemekle bir şey olacağını sanmıyorum ama :) sürekli olursa evet uyanıklık gibi bir şey olmuş olur ama bu belki o an için iyi bir trafik akışı sağlasa da uzun vade de tam tersi bir etki yaratır.

      İnsanlar bu sefer normal yazı yazdığında da ha bu nasılsa eski yazıları güncelliyor diye bakmaya bile zahmet etmeyecekelerdir.

      Sil
  5. Yanıtlar
    1. teşekkürler Ocan .. birde öneride bulunmak istiyorum Görselin uzunluğunu: 280, Görselin yüksekliğinide:120 olarak ayarlarsan sanırım daha güzel görünecektir.

      Sil
  6. gerçekten çok güzel olmuş bu post büyük bir ihtiyaca cevap olmuş bende blogumda kolaylıkla uyguladım biraz font büyüklüklerini artırdım ama yazılar biraz dagınık çıkıyor fotografların alt kısmında sormak istediğim yazı başlıklarını slider daki fotonun sağ tarafına nazıl alabilirim.şimdiden teşekkür ederim tayfun bey

    YanıtlaSil
  7. biraz sliderın boyutlarında oynayınca söylediğim yazı dağınıklıgı ortadan kalktı ancak fotoların ebatların büyüyüncede kaliteleri çok azaldı anladım ki fotolar fazla boyutlarda olmamalı ve ortada olmalı tamamen kusursuz olması için şimdi sliderdaki fotoyu yazı bloguna nasıl ortalarım?

    YanıtlaSil
    Yanıtlar
    1. Tam tersi bence ebatlarını eklediğin bölüme göre ayarla
      örnek: aşağıdaki kodları şu şekilde ayarla ...
      var imgw = "600"; var imgh = "260";

      şimdi bundan sonra yapman gereken slayt için hangi kategoriye göre ayarladıysan o kategroide yazı gönderirken yazıya eklediğin ilk görselin uzunluğunu 600px yüksekliğinide 26o px olarak ayarla bu şekilde fotolarda hiç bir şekilde görüntü kalitesi kaybetmezsin bir kaç deneme yaparsan şablonuna göre kolayca ayarlayabilirsin.


      eklediğin kodlarda css kodlarıda mevcut ben slaytın tasarımına fazla müdehalede bulunmadım ama biraz css bilgin varsa tasarımınıda kendine göre özelleştirebilirsinz.

      Sil
  8. Hocam bunu bir türlü siteye ekleyemedim direk bloggera ekle butonundan zaten hata veriyor. Elle he ad üzerine ekleyincede hata veriyor şablon.
    Saygılarımla.

    YanıtlaSil
    Yanıtlar
    1. blogger'a ekle dediğinde ilk denemede bazen hata verebiliyor ama ikinci denemde sorunsuzca ekliyor.

      oda olmuyorsa kodları kopyala HTML/javascript gadget olarak ekle.

      Sil
  9. kardeş süpersin de tam olarak resim deki örnek gibi yapmam lazım ?

    YanıtlaSil
    Yanıtlar
    1. benim yaptığım fazla bir şey yok eklentiyi denemek için hemen yazılarımın üstüne taşıyacaktım o yüzden yazı bölümününe uygun olan bir değer girdim Görselin uzunluğu 580 yüksekliğide 180 olarak atadım.

      Sil
  10. Merhabalar, benim size bir sorum olacaktı. Ben bu eklentiyi kurdum ancak Chrome dışındaki tarayıcılarda bu eklentinin üst kısmı boş görünüyor, orada herhangi bir gadget olmadığı halde bu böyle. Bunu nasıl düzeltebilirim? Bloğum: http://anadilin.blogspot.com/

    YanıtlaSil
    Yanıtlar
    1. üstteki boşluk bizim eklntiden kaynaklanmıyor kaynak kodlarına baktığımda orada reklamlar görünüyor fakat reklamlara yeni başvurduysan daha kabul edilmemiş olabilir, ayrıca eklentideki resmlerin uzunluğunu biraz daha artır daha güzel görünür.

      Sil
  11. Evet reklam için başvurmuştum, başvuru sonuçlandığında bu durum kendiliğinden hallolur mu?

    YanıtlaSil
    Yanıtlar
    1. Reklamı kaldırınca düzeldi, ayrıca dediğin gibi uzunluğu da artırdım ve gerçekten daha iyi oldu teşekkürler. :)

      Sil
  12. çalışmadı çok kez denedim hiçbir şey çıkmadığı gibi blogun görüntüsünü bozuyor

    YanıtlaSil
  13. Merhaba Tayfun bey ;
    Güzel bir uygulama.Yeni kurduğum blog temama hemen uyguladım.Çok şirin bir görünüm sağladı.
    Başarılarınızın devamı dileklerimle, kolay gelsin.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim adnan bey beğenmenize sevindim, ayrıca yeni blogunuzda başarılar.

      Sil
  14. Çok Harika Bir Özellik Teşekkür Ediyorum ...

    YanıtlaSil
  15. kardeşim slider görünmüyor nedeni ne olabilir?

    YanıtlaSil
  16. slayt alanı olan temada yayınlanbdığı zaman google jaax kodları çakıştığından karısıklığa neden oluyor bunu nasıl engelleyebiliriz

    YanıtlaSil
  17. merhaba bunu uygularken head bölümünün üstüne javascript leri koyarken hata veriyo yanlız

    XML, satır 2469, sütun 69 ayrıştırılırken hata oluştu: Open quote is expected for attribute "src" associated with an element type "script".

    YanıtlaSil
    Yanıtlar
    1. javascripleri gadget olarak eklemen gerekiyor o zaman..

      Sil
  18. ilgimi çekti yalnız sitenin açılış hızını yavaşlattığını düşünüyorum bu eklentinin ne dersiniz.

    YanıtlaSil
  19. tayfun skype varmı bısey sorcktm

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz