Widget Recent Post With Thumbnails and Comment Count

Hilangkan sejenak dari urusan template maker. Postingan kali ini adalah memasang widget Recent Post dengan Thumbnail dan Comment Count. Mungkin ada yang sudah tahu dengan widget ini. Tapi yang belum apa salah untuk mencobanya. Widget ini buatan Bloggertricks.com yakni si Kranti. Pada postingan dolo pernah saya jelaskan Recent Post tapi judul saja. Kalo Recent Post yang satu ini lebih lengkap. Selain judul posting, ditambah gambar dan comment count atau jumlah comment diposting blog itu. Sip kan???

Ada 2 Tutorial Recent Post untuk membuatnya, jadi bisa memilih salah satu widget ini.

1. Recent Post I

Tutorial diatas seperti dibawah ini :

Untuk memasang widget ini caranya tinggal copy-paste aja semua kode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

<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 = 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://NAMABLOG.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Anda bisa mengedit dari script diatas :

boxwidth = Lebar Widget
cellspacing = Spasi diantara cells
borderColor = Warna Border
thumbwidth = Ukuran Lebar
thumbheight = Ukuran Tinggi
fntsize = Ukuran font
acolor =Warna Title

aBold =Tebal Huruf Title

numposts = Jumlah Post

home_page : http://NAMABLOG.blogspot.com/ (Ubah sesuai URL blog masing2)

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; = Anda bisa ganti dengan url image anda




2. Recent Post II

Tutorial diatas seperti dibawah ini :

Untuk memasang widget ini caranya tinggal copy-paste aja semua kode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)

 <script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png";
showRandomImg = true;
tablewidth = 300;
tableheight = 50;
cellspacing = 0;
borderColor = "none";
bgTD = "";
imgwidth = 50;
imgheight = 50;
fntsize = 12;
acolor = "#4776C5";
aBold = true;
icon = " ";
text = "";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#95A469";
icon2 = "  ";
numposts = 5;
home_page = "http://NAMABLOG.blogspot.com/feeds/posts/default";
</script>
<script src="http://www.geocities.com/attintha/recentposts_imager1.js" type="text/javascript"></script>

Yang perlu diedit :

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta8hNfdU3t7OXhUY4x1LG_mlJPLSi89Hm2jjV2zomf206LyTByloJAdSaibL9CZLg68lHNXGAZsH5f39ePDokjC4LYRDemNmksy04bTLZLzX64-WfbEUCk7QRYMxsanMBXycp-DoL1Nw2/s1600/linkuj.png"; => bisa diganti dengan url image anda
tablewidth = 300; => lebar widget
tableheight = 50; => tinggi widget
cellspacing = 0; => spasi antar cell
imgwidth = 50; => lebar image
imgheight = 50; => tinggi image
fntsize = 12; => ukuran font
acolor = "#4776C5"; => warna title
aBold = true; => tebal title
numposts = 5; => jumlah post
home_page = "http://NAMABLOG.blogspot.com/feeds/posts/default"; => ganti dengan url blog anda masing-masing

Lihat perbedaan kedua widget tersebut.Perbedaan cuma beda sedikit tapi anda bisa memilih salah satu yang anda anggap bagus hehehe.

Posted by: Andi Setyoko

Berita Harian, Updated at: 11:51 PM