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://lh6.googleusercontent.com/-yIanXd2oaqA/UFy6J2Km62I/AAAAAAAAD8A/TT9ZrzjpsCg/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ıtlayınSil
  2. Keşke üşenmeyip yazıyı okusaydın, sorunun cevabı orada yazıyor zaten.

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

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

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

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

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

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

    .sidebar ul {
    list-style: none;
    }

    YanıtlayınSil
  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ıtlayınSil
  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ıtlayınSil
  11. @annelikokulum

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

    YanıtlayınSil
  12. 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ıtlayınSil
  13. bunun benzer yazılar gibi yan yana olanı yokmu

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

    YanıtlayınSil
  15. ben diklemesini değilde yatayına olmasını istiyorum.. nasıl olacak ?

    YanıtlayınSil
  16. Serdar bey resimler cikmiyor. yayinlarda en az 2ser tane resim var halbuki. Yardimci olurmusunuz. tesekkurler.

    YanıtlayınSil
  17. Teşekkur ettim kardeşim işime yaradı

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

    YanıtlayınSil
  19. 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ıtlayınSil
  20. @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ıtlayınSil
  21. cok tsk.ler aynen söylediginiz gibi herseyi yaptim ama resimlerin hepsi cikmiyor biryerde yanlismi yaptimki ??

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

    YanıtlayınSil
  23. Yok kendi eklediklerimde cikmadi yinede tsk.ler

    YanıtlayınSil
  24. 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ıtlayınSil
  25. bunu popüler yazılar olarak nasıl ayarlayabiliriz yada belli bir etiketteki yazı olarak atıyorum teknoloji etiketi

    YanıtlayınSil
  26. Teşekkürler...
    Sorunsuz çalışıyor :)

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

    YanıtlayınSil
  28. 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ıtlayınSil
  29. 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ıtlayınSil
  30. Serdar Bey başka siteden eklediğimiz resimleride göstermesini sağlayamaz mıyız?

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

    YanıtlayınSil
  32. Hocam bu resim yok resminden bir değil de birkaç tane yapamazmıyız?

    YanıtlayınSil
  33. 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ıtlayınSil
  34. 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ıtlayınSil
  35. 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ıtlayınSil
  36. Teşekkür ederim çok güzel.

    YanıtlayınSil
  37. Bu yorum yazar tarafından kaldırıldı.

    YanıtlayınSil
  38. Güzel bir makale. Tebrik ederim.

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

    YanıtlayınSil
  40. Güzel oldu ama bu pop up şeklinde olmasını istiyorum ne yapmam gerekli

    YanıtlayınSil

Blogger tarafından desteklenmektedir.