Membuat Recent Post Dengan Thumbnails/Gambar

Sebelumnya saya telah membagikan cara Membuat Recent Post di Blog, kali ini saya membagikan cara Membuat Recent Post Dengan Thumbnails/Gambar di Blog, beda dengan Recent Post biasanya yang hanya menampilkan judul Postingan. Dengan Recent Post ini akan membuat Blog anda tampak lebih profesional. Di samping itu juga widget ini mempermudah pengunjung untuk memahami isi Postingan anda.

Cara membuatnya mudah, ikuti langka-langkah di bawah ini.

1. Log in ke Account Blogger anda

2. Klik Rancangan --> Elemen Laman

3. Klik Add Gadget/Tambah Gadget

4. Pilih HTML/JavaScript

5. Lalu Copy Paste Code di bawah ini

<script language="JavaScript">
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kXDBljj1-ICqX6pgWoGJloifQW-0DpLRkP6BbIWJ8mxGYrD5-QPzlQBrGYpePPVX-2Oucz5xeDwbmlcDpMP0faj04dJZvtCykVETWtbECMfMT2FnMw4MfR1F0R98yU4UadmcrBhzUkc/s1600/img1.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZo-wdSEwFPkxmcNKJwV5GI_b5NAryxvT7zf2bcYUkj9OUpdvSQSobX7tveG3ff5ys12RwAa9WrPiCKNXuElwo7o5OX-rSXYULmjkNIv1orYBox08ayZmD7KgwgPmybex_nc7YEFS0p1I/s1600/img2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMmtPxhDj6ah6pWOsClnBTA5ZdReM9cD35bR3X05I8URgh8SD3gE4rP7xbjMLvUDXBiDMUlEYHsaDTOB6Z2mVhuH7qtFV1sX6UGzo5gPHTDJbrGza12dfhfaUaejSix__0gukg6F_gJig/s1600/img3.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVTMMUpGzNDmWWALFzp9gCgYFbqhK_Dr9Ou8l7cfTHrRmdzQNUTo1yHPWaydgHOqLyrNBEuIn4mPFVFpDGymwDXB8pY27XYS6G1hJcXUeyIl89JlI5s2UMNTUJOu0kbUI2eOAgf1FsZSc/s1600/img4.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPnOgp7b2mnXH5L3L-DtsekXJwJzbJuLHmFB8lG-e3-HWOcOQplMidACtaLTlY3nMcOKOeSWoh6IyzJuI0DVeJ585g_QDqvW2wRxS30yS-jTkihz013cK5azcfKIe3XZTEIxzeJg_1IM/s1600/img5.jpg";

showRandomImg = true;

tablewidth = 340;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 40;
imgheight = 40;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";

text = "";
fsize= "11";

showPostDate = true;

summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 7;

home_page ="http//:grend-light.blogspot.com/";
</script>
<script type="text/javascript" src="https://sites.google.com/site/greend-light/recent-post/RecentPostThumbnail.js"></script>

Ket:

tablewidth = 340 "Adalah ukuran lebar widget".

imgwidth = 40 "Adalah lebar gambar".

imgheight = 40 "Tinggi gambar".

summaryPost = 60 "Panjang karakter yang akan di tampilkan"

numposts = 7 "Jumlah postingan yang di tampilkan"

http//:grend-light.blogspot.com/ "Ganti dengan URL blog anda"