Recent Post with Thumbnail

Hi mate, how ya reportedly?, hopefully in good health. Well this time I try to write more about widgets on blogspot, nothing but a widget that previous recent post I've ever written on this blog with various versions.
But this time a little bit different with this widget form with the addition of thumbnail images in the posts, with the aim of our blog readers interested in the post that we suguhkan after seeing the thumbnail images that may be unique, funny, charming and so on.

Widget is suitable for those who have nuanced blog gallery, for example, a template gallery, photos, designs and so forth.

To make it, please follow the steps below.

In the Dashboard menu click menu "Design -> Page Elements"

Then select an area on your layout and click on "Add a Gadget" and select "HTML / JavaScript"

And put this script into it.


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;

boxwidth = 230;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://satrialaksmana.blogspot.com/";

</script>

<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>


boxwidth = 230; to determine the width of the widget you have to adjust to the width of your layout.
Replace the URL "http://satrialaksmana.blogspot.com/" with your blog address.
And for other modifications please change existing descriptions above.