menampilkan daftar post terbaru disertai gambar

on
Menampilkan recent post (update terbaru) dari blog  yang  disertai dengan  gambar yang berkaitan dengan artikel sehingga terlihat lebih menarik untuk membacanya.


Untuk Script nya bisa di coba di bawah ini.

<div id="recent">
<a href="http://koloph.blogspot.com" target="_blank" title="Blogger Widgets"><img src="URL gambar " border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script language="JavaScript"> 
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCL5LVmsTivsTnPAlZeKvGsavrmsHkm_zYuuiPGpwq5krZUE6gDBCdEe8Zen5Xf5vXovFEBa4JGhw1_bAD8OnvgsXNDJ-d87LBijtnnYduKN7X9wyfrX8MGv2dg4IiLZPjGyioRtV1hc/s400/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCL5LVmsTivsTnPAlZeKvGsavrmsHkm_zYuuiPGpwq5krZUE6gDBCdEe8Zen5Xf5vXovFEBa4JGhw1_bAD8OnvgsXNDJ-d87LBijtnnYduKN7X9wyfrX8MGv2dg4IiLZPjGyioRtV1hc/s400/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCL5LVmsTivsTnPAlZeKvGsavrmsHkm_zYuuiPGpwq5krZUE6gDBCdEe8Zen5Xf5vXovFEBa4JGhw1_bAD8OnvgsXNDJ-d87LBijtnnYduKN7X9wyfrX8MGv2dg4IiLZPjGyioRtV1hc/s400/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCL5LVmsTivsTnPAlZeKvGsavrmsHkm_zYuuiPGpwq5krZUE6gDBCdEe8Zen5Xf5vXovFEBa4JGhw1_bAD8OnvgsXNDJ-d87LBijtnnYduKN7X9wyfrX8MGv2dg4IiLZPjGyioRtV1hc/s400/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKCL5LVmsTivsTnPAlZeKvGsavrmsHkm_zYuuiPGpwq5krZUE6gDBCdEe8Zen5Xf5vXovFEBa4JGhw1_bAD8OnvgsXNDJ-d87LBijtnnYduKN7X9wyfrX8MGv2dg4IiLZPjGyioRtV1hc/s400/noimage.png";

showRandomImg = true;
tablewidth = 298;
cellspacing = 8; 
borderColor = "#ffffff"; 
bgTD = "#ffffff";
imgwidth = 80; 
imgheight = 80;
fntsize = 12; 
acolor = "#666"; 
aBold = true; 
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 50; 
summaryFontsize = 11; 
summaryColor = "#666"; 
icon2 = " ";
numposts = 5; //jumlah postingan yang mau di tampilkan
home_page = "ganti dengan URL sobat";
</script> 
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/rec-thumbnail/recentposts_thumbnail-1.js"></script>
</div>

 click to see results :

Karena dalam blog saya menggunakan template clasic dari blogger maka untuk menempatkan script di atas bisa di sesuaikan sesuai keinginan sobat dalam HTML templatenya.yang pasti di letakan dalam <body>.Semoga bermanfaat. Terima kasih.

Comments

Post a Comment