Blogger animasyonlu Resimli Son Yazılar Eklentisi
Blogunuza ekleyebileceğiniz bu eklenti animasyonlu, Resimli, son yazdığınız yazılarınızın kayarak aşşağı doğru akarak, listeleyen, bir jquery eklentisi. Bu klasik son yazılar eklentisilerinden farklı, dönerek zoom resim animasyonuyla sitenize renk katacak çok şık bir eklenti. Örnek için blogumun alttaki footer bölümüne bakabilirsiniz.
● Blogger animasyonlu, Resimli Son Yazılar Eklentisi.
● Aşağıya doğru kayan Jquery stil.
● Animated Scrolling Recent Post Widget.

Aşağıdaki eklenti oluşturucuyla eklentinizi oluşturabilir, blogunuza ekleyebilirsiniz.

1. Kumanda paneline giriş yapın.
2. Yerleşim › Gadget ekle › HTML/Javascript bulun.
3. Aşağıda Oluşturduğunuz kodu kopyalayıp yapıştırın.
4. Yada blogger'a ekle butonuna basarak blogunuza ekleyebilirsiniz.


Yada aşağıdaki kodu manuel olarak blogunuza ekleyebilirsiniz.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
#MEF-widget{overflow:hidden;margin-top:5px;height:385px;padding:0;}
#MEF-widget ul{width:295px;overflow:hidden;list-style-type:none;margin:0;padding:0;}
#MEF-widget li{width:282px;list-style-type:none;float:none;height:80px;overflow:hidden;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT_onyyO32vAP44xgGp8ibhiO7fP7qSAD2gKeLdYIjjLK2ISVD9KlqcvHJqbCoCbnigA3xh8_EY7_OwDS2xNLI7-BoNj6a7SSS3da-0Bmwx9swr12LOGa7KJ-1Q0ziJ03nFrWVwOBnM76X/s1600/Son_Konularmef.jpg) repeat-x;border:1px solid #ddd;margin:0 0 5px;padding:5px;}
#MEF-widget li a{text-decoration:none;color:#4B545B;font-size:13px;height:18px;overflow:hidden;margin:0;padding:0 0 2px;}
#MEF-widget img{float:left;margin-top:10px;margin-right:15px;background:#EFEFEF;border:0;}
#MEF-widget img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background:-webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7);-moz-box-shadow:0 0 3px rgba(0,0,0,.7);box-shadow:0 0 3px rgba(0,0,0,.7);padding:4px;}
#MEF-widget img:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow:0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
.spydate{overflow:hidden;font-size:10px;color:#0284C2;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;margin:1px 0 0;padding:2px 0;}
.spycomment{overflow:hidden;font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;margin:0;padding:0;}
</style>
<script type='text/javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt7bgYga9r5sQ6T-22msQ0Bw-pbUQTwqRIhDbTsQYydUTQt4sxY6f1pIepm5mGjFA2rEHPoTgCDbPAv2AjAo5jIOejmBC8p3RipQj1HlFKhHhHJJWwT4_B4tRyfCW9oytx9ApTYN_Ois/s1600/no-photo-available.jpeg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "Yorum";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "https://meftunmede.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="MEF-widget">
<script src='https://meftunmede.github.io/javascripts/Resimli_kayan_son_konular_eklentisi.js' type='text/javascript'></script>
</div>

Kod içinde;
boxwidth : Eklentinin genişliğini ayarlayabilirsiniz.
numposts : Konu sayısını ayarlayabilirsiniz.
limitspy : Eklentide görünen kolon sayısı.
intervalspy : kaydırma hızı.
home_page: blogunuzun adresini yazın.(Sonundaki "/" slash sembolu kalacak.)

Kodu denemek için Online html editor'ü kullanabilirsiniz.Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.
Barış, huzur, sağlık ve bereket Arkadaşlar! Herkeze kolay gelsin. iyi bloglamalar...

36 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. Ya meraba ben koyamıyorum diyorki "En fazla 2.083 karakter olabilir." diyoo off:/ Nolur imdadıma yetiş -,-

    YanıtlaSil
  2. Merhabalar.Kodlar sorunsuz çalışıyor.Genelde "Internet Explorer'da yol uzunluğu üst sınırı da 2.048 karakterdir. Bu sınır hem POST isteği hem de GET isteği URL'leri için geçerlidir.

    GET yöntemini kullanıyorsanız, bu sınırlama, 2.048 karakter üst sınırından asıl yoldaki karakter sayısı çıkartılarak hesaplanır.

    Ancak POST yöntemi, ad/değer çiftleri gönderilirken URL boyutuyla sınırlı değildir. Bu çiftler URL'de değil, üstbilgi içinde aktarılır. "
    Kodları bütün bloglarınız icin denedim sorunsuz çalıştı.Hangi blogunuzda bu hatayı aldınız?Daha ayrıntılı ve açıklayıcı anlatırsanız problemi, yardımcı olmaya çalışırım.

    YanıtlaSil
  3. Grapich-world.blogpsot.com google chrome kullanıyorum.Sağolun:D

    YanıtlaSil
  4. Sitenizin özet akışı ayarlarını yapın.Site özet akışları, gizli veya FTP üzerinde barındırılan blog'larla çalışmaz.Sitenizin özet akışı ayarları için aşagıdaki google makalesine bakarak özet akışınızı açın.
    https://support.google.com/blogger/answer/42662?hl=tr
    Tam site özet akışı:
    Atom 1.0: http://blogadi.blogspot.com/feeds/posts/default
    RSS 2.0: http://blogadi.blogspot.com/feeds/posts/default?alt=rss

    Ayrıca blogunuza sitemap sayfası oluşturun.
    http://meftunmede.blogspot.com/2013/05/blogger-sitemap-sayfasi-olusturma.html

    YanıtlaSil
  5. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  6. Tufan bey Style kodlarında ilk sıradaki #MEF-widget bölümündeki eklentinin yükseklik uzantısı height:385px; olan yeri şöyle değistirin;
    height: 768px;
    Ve
    Script bölümünde limitspy=8; yapın.istediğiniz olacaktır.Kolay gelsin.iyi bloglamalar.

    YanıtlaSil
  7. hocam çok teşekkür ederim http://petbilgievi.blogspot.com.tr/, vehttp://aleviarkadasbul.blogspot.com.tr/ bloglarıma ekledim gerçekden çok şık oldu emeğinize sağlık

    YanıtlaSil
  8. Selam Bunun Etikete göre slaytlı olanı yokmu olsa çok iyi olurdu olmasada canınız sağolsun bu da çok güzel

    YanıtlaSil
  9. sağol kardeşim;resimli son yazılarla daha da güzel oldu sayende blogum

    YanıtlaSil
  10. Emeğiniz için teşekkür ederim , bloguma ekledim:))

    YanıtlaSil
  11. Ben ekledim görünüyo ama değişmiyo.en son ne koyduysam onlar duruyo

    YanıtlaSil
  12. Fatih Bey Sayfanız "www.edebiyatgemisi.com"sa orda çalışıyor eklenti. Genelde çalışmayan sitelerde problem javascript çakışması oluyor. Firefox kullanmanızı tavsiye ederim. Hızlı, güvenilir ve profesyonel bir tarayıcı.

    YanıtlaSil
  13. Hocam çalışıyor ama tam olarak değil. üstüne gelince resim dönüyo tamam.içerikde görünüyo ama üsten yok olup aşağıdan yenisi gelmiyor.kodu widget olarak ekleyince böyle bi sorun oluyo ama şablon html düzenle body etiketine yapıştırınca kod tamamen çalışıyo.bunu nasıl çözeriz hocam.teşekkürker

    YanıtlaSil
  14. Hocam sorunu daha net anlamak isterseniz kodu kopyalayıp sizin online html editöründe html kısmına yapıştırırsanız yayınların sürekli değiştiğini görürsünüz.işte sorun bu bende widget olarak ekleyince değişmiyo ama şablon html düzenle body etiketine yapıştırınca değişiyo.

    YanıtlaSil
  15. Slayt mansetlerde kullandiginiz <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> javascript kodunu silerseniz eklenti calisiyor. Cakisma oldugu icin problem cikiyo.

    YanıtlaSil
  16. Bende bunu arıyodum çok sağolun

    YanıtlaSil
  17. Kodu ekliyorum çalışıyor fakat sitemdeki silder kısmını bozuyor. Neden acaba?

    YanıtlaSil
    Yanıtlar
    1. Blogunuzda <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script> var. Blogger kontrol paneli > şablon > HTML'yi Düzenle yapıp CTRL-F yardımıyla bu bölümü bulup silin. Ve resimli son yazılar eklentisindeki <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script> script kodunu oraya kopyalayıp yapıştırın. Böylece bu script kodunu eklentide de kullanmanıza gerek kalmaz. Diğer slider kısmıda bozulmaz, resimli son yazılar eklentiside problemsiz çalışır. Kolay gelsin.

      Sil
  18. Meftun Abi , denedim ama arka planı beyaz çıktı. Seninki gibi olmadı. Ve bir şey daha , Yorum kutucugunda isminin yanında Admin yazıyor. Bende de yazıyor fakat , 2. bir site yöneticisinin nikin,n yanında yazmıyor. Nedeni ne olabilir ?

    YanıtlaSil
    Yanıtlar
    1. Eklentide arka plan rengi tanımlı değil, yani transparent. Blogunuzun rengiyle alakalı sizde beyaz çıkması. Benim rengimi kullanmak istiyosanız;
      Style kodlarında #MEF-widget olan bölüme background-color:#26292C; tanımı ekleyin.
      2. sorunun cevabı 2. site yöneticisinin, Blogger kontrol panelinizden › Ayarlar/Temel › Blog Yazarları bölümüne yönetici olarak eklediğinizden emin olun.

      Sil
  19. http://www.mucahitsarikaya.org... full Oyunlar paralı programları oyunları hızlı indirin turbobit gibi siteler vermiyoruz hızlı siteler veriyoruz yandex mega dropbox gibi hızlı sitelerden indirin

    YanıtlaSil
  20. Ukash Alışveriş sitelerinde bizden önceye kadar yaptığınız Ukash kart bozdurmalarında karşılaştığınız sorunlara son verip, Kaliteli, Güvenli bir sistemle sizlerleyiz. Bu hizmetler sadece size özel. Ukash bozdurma sırasında paranızı güvence altına alıyoruz. Ukash kart bozdurma deyince bizce biraz durup düşünün. Ukash kartı Kredi kartlarıyla karıştırmayın. Para yükleme yapacağınız sitelere para yüklemenin en kolay ve güvenli yoludur Ukash Kart. Ukash Kartın size sunduğu avantaj ve Fırsatları saymakla bitiremeyiz. Piyasaya çıktığı günden itibaren, Tüm Dünya’da şu anda on üç milyonun üzerinde Ukash Kart kullanımı vardır. Bahis siteleri ve Ukash Kart geçen tüm alışveriş sitelerinde Yüklediğiniz Ukash Kart miktarı kadar alışveriş yapabilir ve bahis oynayabilirsiniz. Almış olduğunuz 19 hanelik sadece size özel olan tek kullanımlık Ukash Kart dijital şifreniz ile Ukash Kart geçerli olan tüm alışveriş ve bahis sitelerinden Ukash Kartınızdaki 19 hanelik şifreyi girerek işlemlerinizi ödemelerinizi yapabiliyorsunuz. Tek kullanımlık olması ise ayrı bir avantaj. Ukash Kart'ı hiç kullanmayanlar için açıklamak gerekirse, Telefonlarımıza kontör yükler gibi Ukash Kart pin kodumuzu girerek yükleme yapabiliyoruz.

    Ukash Kart sistemi o kadar çok güzel işliyor ki, Alış veriş ve bahis esnasında nede yapmış olduğunuz alışveriş ve bahisten sonra aklınızda hiç bir soru işareti kalmıyor. Yapmak istediğiniz herşey sizin kontrolünüzde ve istediğiniz gibi gerçekleşiyor. Her an her dakika işlemleri takip müdahele ediyorsunuz. Ukash Kart bozdurma işlemi yaparken Paranız yatmadı, sistemde bir sorun var, transferde sıkıntı var gibi sorunlarla karşılaşmanız www.hizliukashbozdurma.com güvencesiyle kesinlikle söz konusu değildir. Bahis ve Alışverişleriniz sırasında bize vermiş olduğunuz bilgilerinizi üçüncü kişilerle paylaşmaya gerek kalmadan kaliteli ve güvenli bir şekilde Ukash Kart bozumu yapmak, iddaa ediyoruz hiç bir sitede bu kadar kolay güvenli ve rahat olmayacak. Tıpkı çocuk oyuncağı gibi.

    Çevremizde olupta kredi kartı ile alışveriş yapan kaç kişi, bilgilerini ikinci kişilerle paylaşım yaptığında tedirgin ve dolandırılacağım hissine kapılmıyor? İnternet üzerinde dolandırıcı sahtekarların cirit attığı şu dönemde. Kaliteli ve Güvenli alışverişin değişmeyecek tek adresi www.hizliukashbozdurma.com 'un ta kendisi. Sitelerde, Bahis ve Alışveriş yapacağınız anda jet hızında. Nerde nasıl bahis ve alışveriş yapacaksanız yapın. Paranız saniyeler içinde hesabınızda. Ukash Kart kullanıldığı ülkelerden sonra Türkiye’de hızlı bir şekilde yaygınlaşmaya başladı. Bahis ve Alışveriş sitelerinden hiç çekinmeden korkmadan alışveriş ve bahis yapmak isteyen herkesin alması gereken bir ihtiyaç oldu.

    Türkiye'de Ukash Kart Bozdurma Hizmeti Sunan Şirketimiz şu an Sizlere Piyasadaki en uygun kaliteli ve güvenli koşullarda ukash bozdurma hizmeti sunmaktadır.

    www.hizliukashbozdurma.com

    YanıtlaSil
  21. Hocam İçeriğini istediğim gibi düzenleyemıyorum fotoğraf ve linklerı yapamıyorum sizin Eklentıler görünüyor sayfamda değiştiremıyorum yardımcı olurmusunuz ?

    YanıtlaSil
    Yanıtlar
    1. Konunun içinde eklenti oluşturucu var. Sitenizin URL'sini girin yazan yere site adresini yazın ve Oluştur'a basın. Oluşan kodu kopyalayıp gadget olarak istediginiz yere yapıştırın. Bu kadar. Benim blogumun adresi yazıyosa benim son paylaştığım konular gözükmesi normal. Fotoğraf ve linkleri değiştiremeniz söz konusu olamaz. Eklenti son paylaştığınız konulardaki resimler, linkleri ve tarihleriyle birlikte otomatik slayt halinde gösterir.

      Sil
  22. güzel olmuş hocam jusbox.org

    YanıtlaSil
  23. Güvenli ukash bozdurma sitesi www.ukashforumu.com

    YanıtlaSil
  24. Meftun Bey,
    Hazır kodunuzu girdiğimde çalışıyor ancak kendi kodumu oluşturduğumda pencere görüntülenmiyor. Hazır kodun içindeki web sitesi ismini değiştirerekte denedim ancak sonuç alamadım.Yarımcı olabilir misiniz.

    YanıtlaSil
  25. yatay olsa güzel olur gercekten

    YanıtlaSil
  26. merhaba, kod artık çalışmıyor. Yardımcı olur musunuz ?

    YanıtlaSil
  27. Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz

    YanıtlaSil
  28. çok şık durdu http://www.tmrarbak.com/

    YanıtlaSil
  29. çok güzelmiş gerçekten ama bana lazım olan şey ve tahminim insanlara daha çok lazım olacak olan belirli bir etiketi yayınlamasıydı. düz olanını yaptım ama bunu çok beğenmiştim keşke öyle olsaydı

    YanıtlaSil
    Yanıtlar
    1. aklıma şu geldi çıkması istenilen yayınların tarihlerini 2100 2101 2102 gibi yapıp kaç taneyse artık yayın sayısını da o kadar yaparsak olabilir

      Sil

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