Blogger Resimli Rastgele Yazılar Eklentisi

Daha önce blogunuzda daha önce yayınladığınız yazılardan belirlediğiniz kadarını, kenar çubuğunda rastgele gösteren bir eklenti paylaşmıştım.O eklentiyi incelerseniz, çok sade olduğunu ve sadece rastgele yazı başlıklarını gösterdiğini göreceksiniz.Paylaştığım bu eklenti de ise blogunuzda yazılardan belirlediğiniz sayıda yazı resimli olarak gözükeceğinden blogunuza işlevselliğin yanı sıra görsellik de katacaktır.

 

Eğre bazı yazılarımda resim kullanmıyorum diyorsanız, resim olmayan yazılarında varsayılan bir resim gözüküyor ve o yazıda resim olmadığını simgeliyor.

Blogger Resimli Rastgele Yazılar Eklentisi

Resimli rastgele yazılar eklentisini blogunuza eklemek için ilk olarak Şablon > HTML’yi Düzenle > Devam Et  yolunu izleyerek ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.

 

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}

 

İkinci olarak, Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript  yolunu izleyerek şu kodları ekleyin.

<ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Comentarios';
    var rdp_disable='Comments Disabled';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJ7B4QEqnXx7bTuL2GPbrGczz5E0lnfCLEI8zj8ZIAz51RP-3D6AOnf8lTTSqAey0KmzM2ErH_SFjIjhyphenhyphenkVzdV1WwhBwrTQkS2hrWEi0N-7LN8B2b-IyD1_oDizBaSsnpNVNXUNrdOIUo/s48/resim-yok.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>

 

  • Kırmızı rekle gösterdiğim 5 yerine kaç yazı gözükmesini istiyorsanız onu yazın.

46 yorum:

  1. Serdar abi sadece widget kısmına ekleye bileceğimiz kodlar yok mu bazen sorun yapıyor temamda da ?

    YanıtlaSil
  2. Keşke üşenmeyip yazıyı okusaydın, sorunun cevabı orada yazıyor zaten.

    YanıtlaSil
  3. hemen uyguladım teşekkürler :)

    YanıtlaSil
  4. Yazıyı okur okumaz ekledim, elinize sağlık çok güzel oldu, sayenizde bir çok şey öğreniyorum teşekkür ederim.

    YanıtlaSil
  5. walla bende keledım ama hocam tek resim yok oysaki hepsi resimli ebat sorunumu var acaba

    YanıtlaSil
  6. BUNDADA RESİM GÖZÜKMEDİ NEDEN ACABA

    YanıtlaSil
  7. hocam yanındaki nokta işaretlerini kaldırmak istiyorum nereyi değiştirmeliyim.yani resmin yanındaki nokta işaretini :)

    YanıtlaSil
  8. @annelikokulum
    ]]></b:skin> kodunun üstüne şunu ekleyin:

    .sidebar ul {
    list-style: none;
    }

    YanıtlaSil
  9. Var olun hocam ::)Ayrıca "commentaros" yazan yeri de "yorum" olarak değiştirdim çok güzel oldu.Bunu yapabilmek bile benim için büyük başarı size küçük bir şey gibi gözükebilir bilgilerinizle dogru orantılı olarak.Ama sayenizde blogum adama benzedi...

    YanıtlaSil
  10. hocammm birşey daha istesem.Buradaki comentarius yazısını ve tarihi görmek istemiyorum. nereyi değiştirmeliyim :))sadece resim ve yazı başlıgı olsun istiyorum.

    YanıtlaSil
  11. @annelikokulum

    Kodlardaki var rdp_info='yes'; satırında yes olan yere no yazarsanız tarih ve yorum gözükmez.

    YanıtlaSil
  12. Var olun sağ olsun hocam:))

    YanıtlaSil
  13. ben de uyguladım bloguma Serdar bey çok teşekkür ederim yanlız bazı bloglarda önceki kayıtlar yatay görünüyor her kayıtın altında sizin anlatımımnızla yaptım dikey yan tarafa aldı ?

    YanıtlaSil
  14. bunun benzer yazılar gibi yan yana olanı yokmu

    YanıtlaSil
  15. çalışmıyor.panel adeta donuyor.koddaki hatayı düzelltim şimdi çalışmaya başladı.

    YanıtlaSil
  16. ben diklemesini değilde yatayına olmasını istiyorum.. nasıl olacak ?

    YanıtlaSil
  17. Serdar bey resimler cikmiyor. yayinlarda en az 2ser tane resim var halbuki. Yardimci olurmusunuz. tesekkurler.

    YanıtlaSil
  18. Teşekkur ettim kardeşim işime yaradı

    YanıtlaSil
  19. Güzelmiş teşekkürler.

    YanıtlaSil
  20. Bloguma ekledim ve dondu !

    YanıtlaSil
  21. ben ekledim ancak ressimlerim çıkmıyor. zaten bendeki problem popüler yaınlarımdada ressim çıkmıyor. düzeltemedim gitti

    YanıtlaSil
  22. sablonla ugrasmakdan biraz korktugum icin emin olmadan yapmak istemedim. burda iki secenek vermissiniz birisi sablon üzerine digeri ise Yerleşim > Gadget Ekle > HTML/JavaScript üzerine bunlarin ikisinide birmi yapmamiz lazim yoksa birini yapsak yeterlimi.
    Yerleşim > Gadget Ekle > HTML/JavaScript üzerine yaptim sadece ama tüm resimler cikmiyor.
    sablon üzerinede sormak istedigim ]]> kodunu bulun ve hemen üstüne şu kodları ekleyin.)) yazmissiniz nasil üzerine bu yazinin basinami yada bu yazilar silincekmi ??
    Cok soru sordugum icin özür dilerim ama baska türlü anlayamadim :(
    cevap icin simdiden cok tsk.ederim

    YanıtlaSil
  23. @PaSaSofraM
    Öncelikle ]]></b:skin> kodunu bulun ve verdiğim ilk kodları bunun üzerinde bir yere ekleyin. Daha sonra HTML/JavaScript gadget olarak ikinci verdiğim kodları ekleyin.

    YanıtlaSil
  24. cok tsk.ler aynen söylediginiz gibi herseyi yaptim ama resimlerin hepsi cikmiyor biryerde yanlismi yaptimki ??

    YanıtlaSil
  25. Sadece kendi eklediğiniz resimler çıkar. Resmi başka bir siteden kullanıyorsanız çıkmaz.

    YanıtlaSil
  26. Yok kendi eklediklerimde cikmadi yinede tsk.ler

    YanıtlaSil
  27. Hocam Merhaba;

    Dediklerinizin tümünü yaptım ancak Haydi Rastgele başlığını getiriyor ancak altına hiçbir yazı gelmiyor. Sebebi ne olabilir acaba ?

    Sitem: www.gezelimgorelimbilelim.com

    Teşekkürler

    Eren Evren

    YanıtlaSil
  28. bunu popüler yazılar olarak nasıl ayarlayabiliriz yada belli bir etiketteki yazı olarak atıyorum teknoloji etiketi

    YanıtlaSil
  29. Teşekkürler...
    Sorunsuz çalışıyor :)

    YanıtlaSil
  30. iki bloğum var birinde çalıştı diğerinde bazı yayınların resmi çıkmıyor.ayrıca ikiside aynı şablon.ilginç.

    YanıtlaSil
  31. Merhaba,
    en başta verdiğiniz kodu şablonumda bulamıyorum. ctrl+f ile arıyorum fakat yok. bir ara çok kurcalamıştım silmişim sanırım :)) bu sorunu nasıl düzelteblirim??

    birkatrepinar.blogspot.com

    YanıtlaSil
  32. Merhaba,
    O kodun olmadığı bir şablon olamaz. Ctrl F ile arama yapmadan önce kodların olduğu pencerenin içerisine 1 kez tıklayın.

    YanıtlaSil
  33. Serdar Bey başka siteden eklediğimiz resimleride göstermesini sağlayamaz mıyız?

    YanıtlaSil
  34. serdar hocam ben ekliyorum ama ekleyince çalışmıyor panel donuyor..site donuyor.. acaba sebebi ne?

    YanıtlaSil
  35. Hocam bu resim yok resminden bir değil de birkaç tane yapamazmıyız?

    YanıtlaSil
  36. merhaba ben bu eklentiyi yatay olarak kullanmak istiyorum nasıl bir değişiklik yapmam lazım, yani yazılar yan yana dizilsin var mı bir yolu.. ??

    YanıtlaSil
  37. Yan Yana divlerle yaptım yani hallettim, ama bu yazıların altına küçükde olsa bir yazı nsaıl çekerim, her tarifin altına kendi yazısından mesela 50 karakter ??

    YanıtlaSil
  38. Merhaba Serdar bey;

    Tam istediğim bir eklenti. Tek isteğim yatay olarak kullanabilmek. Bu kodlarla mümkün mü? Değilse hangi eklenti ile bu görevi gören bir gadget edinebilirim?

    YanıtlaSil
  39. Teşekkür ederim çok güzel.

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

    YanıtlaSil
  41. Güzel bir makale. Tebrik ederim.

    YanıtlaSil
  42. sağol hocam gerçekten çok güzel bir paylaşım ve cevaplarınızda bizi mutlu ediyor sağolun

    YanıtlaSil
  43. Güzel oldu ama bu pop up şeklinde olmasını istiyorum ne yapmam gerekli

    YanıtlaSil

Blogger tarafından desteklenmektedir.