Web Design: Membuat Recent Post di Blogspot

Wednesday, December 7, 2011

Membuat Recent Post di Blogspot

Recent post adalah semacam widget untuk menampilkan postingan terbaru atau terakhir di dalam blog kita. Untuk membuat recent post di blogspot juga dapat kita lakukan dengan mudah. Ada 2 macam cara untuk membuat recent post ini, yaitu dengan menggunakan element bawaan dari blogger atau kita membuat sendiri dengan menggunakan javascript.

<div style='float:left;'>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVvWV2Ib0ER3eqT9yXt3xk94N4846dc2lKKKNQqXYgcYctZykwdFTpFM5gmZRIRw9O3wy5U6xgPbK4Uum_R3xvgmx6MMkEwnyEBgOUW3WZGsdp55srOe47q1VN9xDv0q6qRa4yy83ayQ//";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVvWV2Ib0ER3eqT9yXt3xk94N4846dc2lKKKNQqXYgcYctZykwdFTpFM5gmZRIRw9O3wy5U6xgPbK4Uum_R3xvgmx6MMkEwnyEBgOUW3WZGsdp55srOe47q1VN9xDv0q6qRa4yy83ayQ//";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVvWV2Ib0ER3eqT9yXt3xk94N4846dc2lKKKNQqXYgcYctZykwdFTpFM5gmZRIRw9O3wy5U6xgPbK4Uum_R3xvgmx6MMkEwnyEBgOUW3WZGsdp55srOe47q1VN9xDv0q6qRa4yy83ayQ//";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVvWV2Ib0ER3eqT9yXt3xk94N4846dc2lKKKNQqXYgcYctZykwdFTpFM5gmZRIRw9O3wy5U6xgPbK4Uum_R3xvgmx6MMkEwnyEBgOUW3WZGsdp55srOe47q1VN9xDv0q6qRa4yy83ayQ//";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVvWV2Ib0ER3eqT9yXt3xk94N4846dc2lKKKNQqXYgcYctZykwdFTpFM5gmZRIRw9O3wy5U6xgPbK4Uum_R3xvgmx6MMkEwnyEBgOUW3WZGsdp55srOe47q1VN9xDv0q6qRa4yy83ayQ//";
showRandomImg = true;
boxwidth = 220;
cellspacing = 3;
borderColor = "#FFFFFF";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://esco1011.blogspot.com/";
</script>
<script src="http://bloggerafif.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

</div>
<div style='clear:both;'/></div>