Recent Posts dengan Thumbnail

Untuk memasang widget ini di blogger cukup mudah anda hanya perlu menambahkan gadget typeHTML/Javascript pada layout atau tata letak blog, kemudian masukkan script widget ke dalamnya, kemudian simpan gadget dengan menekan tombol Save, mudah bukan..? Ok, untuk lebih detail berikut ini adalah langkah untuk menambahkan Widget Recent Posts dengan Thumbnail di blogger

• Login ke blogger dengan ID Anda

• Klik link Title Blog Anda

• Pilih Menu Layout ->> Add a gadget ->> Pilih gadget type HTML/Javascript

• Copy script di bawah ini dan paste ke dalam kotak content gadget type HTM/Javascript

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

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRdjesq8u-W9U9OoPcWqyoWrio_ax5i3hu6Ev_T7Jbm5slnWkaiCrynGgqGuZQC41pdBL9wMME4g_AfyqrwmH10Nn3TPyvfByCXtZ6vkERwDhd8Mjn_CfwMO7648-JtM21HtLERgIJ9J0/s1600/img1.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs5r1eJ2h86xL3-U5fn3ReLe5UCUBLrWkmk0JDG5iYciroO1nuH2nLpli6iEum2-jk2fynemK6jbW5K_AMQCqyiq6YS4D0K7khyKNWqhR7SulwZZ_0P8YX5lt4PBpE-6iDThP6uz0t8Kc/s1600/img2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_9Eexzkbte49_SADQ3bPrnl5cyy_AkiKogqf4TXcKJFULsEqRVo5l-ESubie_lMGmgPwiQXHG02oSsFRHb04LSu3koF8wy7eLPsLWhq_Ev8QM4OZbb_T4LoczQ8HurRP4E5D1uLBlVo/s1600/img3.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Sp-W61eWE1z0GP0i7b8hbrGeJRk7QN9pvWJjpG2OBPMMaCt0oavBQ4zlWvZfgZ-nKG63Xe6iGSDsyBL__V2VuIzjZvYaoPdYwP5mR8UMfs1Jl0RNZJkdWQc3t4K9-UThd_LYRkHm0yI/s1600/img4.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGabTTFiditAuQJxIdr5OltxLxZQdPXAEE6DCI-WQb2houuUPWhtDGA4w6LbjYrNkpRCjjKY5V1xMkW9oNRjoHeRxuRqfIlQ8o7pxwouOKqHWw7t6bTm3hvkYUPcJ6PV_Jxyw9SjvSqiU/s1600/img5.jpg";

showRandomImg = true;

tablewidth = 300;
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 = 5;

home_page ="http://multipaste.blogspot.com/";
</script>
<script type="text/javascript" src="http://multipaste.googlecode.com/files/recentposts.js"></script>

• Simpan gadget dengan menekan tombol Save

• Sekarang periksa halaman blog Anda jika widget ini berhasil tampil jangan lupa ucapkan Alhamdulillah, serta jangan sungkan untuk berkomentar di bagian bawah artikel ini.

NOTE :

Jika ingin menyesuaikan dengan tampilan blog anda berikut ini adalah keterangan untuk kustomisasi script :

• Lebar widget : tablewidth = 300

• Ukuran lebar dan tinggi Thumbnail (gambar) : imgwidth = 40; imgheight = 40;

• Jumlah karakter untuk rinkasan artikel yang ditampilkan : summaryPost = 60

• Jumlah Artikel yang ditampilkan dalam widget : numposts = 5

source : http://multipaste.blogspot.com/2012/08/widget-recent-posts-dengan-thumbnail.html