How to Install Widget Latest Articles With Picture And Scroll On Blog - Previously I had also discussed the recent comments widget with avatars, This time, I will discuss about this widget. Previously, the Popular Articles Latest articles that we will discuss is the same, but, in general this widget Latest articles placed on the tab of the post, instead of on the Home tab. Unethical because usually if placed on the main page. To Screen The images or examples, can be found here:
if interested, follow the steps:
1. Login to Blogger
2. Click the Design >> Add Gadget >> HTML javasript
3. Copy Paste the following code
<div style="border: 1px solid rgb(153, 153, 153);overflow: auto;width:ancho;height:300px; padding: 10px;">
<ul>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 230; /*width Widget*/cellspacing = 8; /*Distance Title With Articles*/borderColor = "#ffffff"; /*Color Border*/bgTD = "#000000";
thumbwidth = 50; /*Image width*/thumbheight = 50; /*Image Height*/fntsize = 12; /*Font Title*/acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 15;
home_page = "http://Your blog URL/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</ul></div>
4. Finally, the Save
Good Luck
Read : How to Install the Twitter Widget In Blogger
