Blogger de son eklenenler resimli eklentisi nasıl kurulur?

Bilindiği üzere blogger herkesin kullanabileceği google destekli blog yazılımıdır.Blogger ile düşüncelerinizi,paylaşabilir,özgün makaleler yazabilir,kitlelere sesinizi duyurabilirsiniz. Blogger hesabı açtınız ama,tasarım olarak sizi izleyen kitleye yeni eklediğiniz bilgileri resimlerel daha şık bir görüntü ile hitap etmeyi istersiniz. İşte bu noktada aşağıda vereceğim kodları kullanarak bunu yapabilirsiniz.

blogger son eklenenler modülü ekleme

•  Öncelikle aşağıdaki kodu kopyala

<style> img.recent_thumb { width:70px;height:55px; border: 1px solid #e3e3e3; padding:3px; float:left;margin:0px 5px 5px 5px; } .recent_posts_with_thumbs { float: left; width: 100%;min-height: 65px; margin: 5px 0px 5px 0px;padding-left: 5px; font-size:12px; } ul.recent_posts_with_thumbs li { padding-bottom:5px;padding-top:5px;min-height:65px; } .recent_posts_with_thumbs a {text-decoration:none; } .recent_posts_with_thumbs strong { padding-left: 5px; } </style> <script> function showrecentpostswiththumbs(json) {document.write('<ul>'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){ if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error) { s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){ thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UlqodoOSq-iIWBDf5AvjijM7sxiOmsbLKa1L2tX2gwvBnVXlc9ITc4TvUprppo9R7sbvyHPRNwH_INFMnshV-15JbJKwQI7pLm6q9_ypsEBnB3BCT4epbJvC9dTlz_TRDmDf3tRhfks/s400/noimage.png'; } var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li>'); if(showpostthumbnails==true) document.write('<img src="'+thumburl+'"/>'); document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>'); if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write(''); document.write(postcontent); document.write('');} else { document.write(''); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...'); document.write('');} } var towrite='';var flag=0; document.write('<br><strong>'); if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;} if(showcommentnum==true) { if (flag==1) {towrite=towrite+' | ';} if(commenttext=='1 Comments') commenttext='1 Comment'; if(commenttext=='0 Comments') commenttext='No Comments'; commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>'; towrite=towrite+commenttext; flag=1; ; } if(displaymore==true) { if (flag==1) towrite=towrite+' | '; towrite=towrite+'<a href="'+posturl+'" target ="_top">More -></a>'; flag=1; ; } document.write(towrite); document.write('</strong></li>
'); if(displayseparator==true) if (i!=(numposts-1)) document.write('<hr size=0.5>
'); }document.write('</ul>
'); } var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 80; </script> <script src="https://programteknikdestek.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>

• Aşağıda kırmızı olarak verilen adrese kendi bloğunuzun adresini yazın
• Aşağıdaki adımları uygulayın

1.ADIM:

 

2.ADIM:

3.ADIM:

4.ADIM: