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:
Note : in the red script, you must replace with your of your blog name.
Hopefully useful
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
Nice info ... I'll try this trick :D
ReplyDelete@430222004125147940.0
ReplyDeleteThx for visitng