Secara default blogger.com membuat pengarsipan blog kita berdasarkan tahunan, bulan, dan mingguan . Tapi para pengguna blog sendiri merasa hal ini tidak atau kurang bagus karena peletakannya yang seperti tangga kurang enak untuk dilihat. untuk itu pengguna blogger memodifnya menjadi seperti resent post seperti pada blog wordpress.
Jika dahulu kita membuat resent post tidak disertai gambar, maka tampilannya juga mungkin kurang menarik.
untuk itu ada alternatif lain dalam membuat resent post yang disertai dengan gambar. sehingga blog kita akan lebih manarik.
cara pembuatannya juga kurang lebih sama. yaitu dengan memasang kode javascript berikut di tempat yang kita inginkan.
<script language="JavaScript">imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 35;
thumbheight = 35;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://anawia.com/";
</script>
<script language="JavaScript" >
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");document.write('<a href="http://anawia.com/membuat-resent-post-dilengkapi-dengan.html" style="font-size: 8px; text-decoration:none; color: #cccccc;">Widget by Dunia Blogger</a>');
</script>
kode diatas dapat dirubah sesuai dengan keinginan anda. misalnya anda ingin mengubah warna, maka rubah kode color, dan kode-kode lainnya.
Kata kunci terkait artikel ini:recent post dengan gambar, blogger post gambar, posting text dengan gambar di blog, post comment gambar ke blog, membuat widget posting terbaru disertai gambar, membuat widget posting terbaru dengan gambar, membuat script buat blog, membuat resent comment blogspot, membuat related post dengan gambar besar, membuat recent post image dengan feed blogspot, membuat new post j, membuat new post dengan gambar, psoting gambar di blooger, widget ramadhan untuk blogger, Recent Post dengan Gambar diatas feed dibawah, widget post gambar, widget blog leave a comment, tips posting foto di blogger, Script buat gambar, script buat comment di blogger, script buat blog, recent post gambar pada blogger, recent post gambar blogspot anawia, recent post gambar anawia, recent post dilengkapi gambar

