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. 



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/AVvXsEj6i6X4z4kJBDZDr4DroY5gesnyz87C6A3E1sWe7Z3zSMFNY1KxfOm2vXBPjmLt9QVPKn1pEeWjjipSKFQQVcFyVZ5eTte43mPCCWs8XBdnlYpcuu_hMc0X4F9UUCxaYoYbdQXegtH98PG4/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>