How to make Recent Post with Thumbnail

Recent Posts  with the thumbnail is very interesting widget, because it can show us the latest posts as well as pieces of a picture that we use in these postings. How do I make it, please follow the steps below:


1. Login to your blogger account
2. Sign in to Layout -> added the gadget -> and enter the script below:


<script language="JavaScript">

imgr = new Array();


imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfeL2SlRts8MkpNTUPCmTMsl5k7_rZYx3WrwZGRb86UDWJ1-TIct4cI9ZQpg8NCSykQpjhr8CLREh1S3mY5F2sDojwsRXOWCkEFt9g8yp9f3cz1gWYacUU-uxk8GcD0mMO_f2nbhhgyHq/s1600/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfeL2SlRts8MkpNTUPCmTMsl5k7_rZYx3WrwZGRb86UDWJ1-TIct4cI9ZQpg8NCSykQpjhr8CLREh1S3mY5F2sDojwsRXOWCkEFt9g8yp9f3cz1gWYacUU-uxk8GcD0mMO_f2nbhhgyHq/s1600/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfeL2SlRts8MkpNTUPCmTMsl5k7_rZYx3WrwZGRb86UDWJ1-TIct4cI9ZQpg8NCSykQpjhr8CLREh1S3mY5F2sDojwsRXOWCkEFt9g8yp9f3cz1gWYacUU-uxk8GcD0mMO_f2nbhhgyHq/s1600/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfeL2SlRts8MkpNTUPCmTMsl5k7_rZYx3WrwZGRb86UDWJ1-TIct4cI9ZQpg8NCSykQpjhr8CLREh1S3mY5F2sDojwsRXOWCkEFt9g8yp9f3cz1gWYacUU-uxk8GcD0mMO_f2nbhhgyHq/s1600/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzfeL2SlRts8MkpNTUPCmTMsl5k7_rZYx3WrwZGRb86UDWJ1-TIct4cI9ZQpg8NCSykQpjhr8CLREh1S3mY5F2sDojwsRXOWCkEFt9g8yp9f3cz1gWYacUU-uxk8GcD0mMO_f2nbhhgyHq/s1600/noimage.png";
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://YOUR BLOG NAME.blogspot.com/";

</script>

<script src="http://rainbowproject.googlecode.com/files/thumbsobt.js" type="text/javascript"></script>

Note : in the red script, you must replace with your  of your blog name.

Hopefully useful

Comments

Post a Comment

Popular posts from this blog

Privacy Policy

SEO Content keyword density and Adsense

Make Money With AdSense - Avoid Overlooking Your Own Google Adsense Money Web Sites