Cara Membuat Recent Post / Artikel Terbaru Thumbail Widget Blog

Kali ini Pphoo™ akan mengulas Cara Membuat Recent Post / Artikel Terbaru Thumbail Widget Blog.

Langsung aja Kawan... 

Klik rancangan.
Klik add gadget atau tambah gadget.
Pilih HTML/JavaScript.
Masukan kode berikut di dalamnya.

<div align="center"><div style="background:url(http://pphoo-file.googlecode.com/files/BorderPphoo.jpg); font-size:12px; padding:6px; width:280px; height:270px; text-transform: uppercase;">
<div style="padding-top:5px;">
<div style="overflow:auto; height:258px; width:277px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;">
<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2maPGCkW41A58KitpHor6Jo5s-y-r7A3wHHaK_ti74FMfVuRr9FnlbyVZSkNCKC2-1kjxk4zbo1VhgmSV8moN7A8RJIJF9Ahum3uCdQD7oRdylJJVXY0VyahS7G3sUwwbzzOtW5Nct2RP/s1600/IdRowRight.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2maPGCkW41A58KitpHor6Jo5s-y-r7A3wHHaK_ti74FMfVuRr9FnlbyVZSkNCKC2-1kjxk4zbo1VhgmSV8moN7A8RJIJF9Ahum3uCdQD7oRdylJJVXY0VyahS7G3sUwwbzzOtW5Nct2RP/s1600/IdRowRight.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2maPGCkW41A58KitpHor6Jo5s-y-r7A3wHHaK_ti74FMfVuRr9FnlbyVZSkNCKC2-1kjxk4zbo1VhgmSV8moN7A8RJIJF9Ahum3uCdQD7oRdylJJVXY0VyahS7G3sUwwbzzOtW5Nct2RP/s1600/IdRowRight.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2maPGCkW41A58KitpHor6Jo5s-y-r7A3wHHaK_ti74FMfVuRr9FnlbyVZSkNCKC2-1kjxk4zbo1VhgmSV8moN7A8RJIJF9Ahum3uCdQD7oRdylJJVXY0VyahS7G3sUwwbzzOtW5Nct2RP/s1600/IdRowRight.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2maPGCkW41A58KitpHor6Jo5s-y-r7A3wHHaK_ti74FMfVuRr9FnlbyVZSkNCKC2-1kjxk4zbo1VhgmSV8moN7A8RJIJF9Ahum3uCdQD7oRdylJJVXY0VyahS7G3sUwwbzzOtW5Nct2RP/s1600/IdRowRight.jpg";

showRandomImg = true;

boxwidth = 260;

cellspacing = 5;

borderColor = "";

bgTD = "";

thumbwidth = 35;

thumbheight = 35;

fontsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "http://www.pphoo.tk/";

</script>

<script src="http://pphoo-file.googlecode.com/files/RecentPost.txt" type="text/javascript"></script></div></div></div></div>

Keterangan :

Silakan ganti tulisan warna biru di atas, untuk background:url (bisa diganti dengan gambar anda sediri), untuk menampilkan jumlah post, jika Pphoo™
di atas tulis 10 maka, akan muncul 10 artikel terbaru, dan seterusnya. lalu pada home_page = "http://www.pphoo.tk/"; silakan Anda ganti dengan link atau url blog Anda.


Setelah selesai, jangan lupa Simpan & lihat hasil adri pekerjaan Sobat Pphoo™ .

Semoga bermanfaat... (",)