How To Add Recent Post Widget With Thumbnails On Blogger?

Recent post widget is a very import plugin in a blog. It is for the visitors of your blog to further navigate the content of the blog that's what they see in the Recent Post Widget. There has been a lot of version of this widget. Some with there unique feature. 

This widget that I am sharing is a Recent Post Widget with thumbnails. This one is a good version and it looks good. Below is an image of the widget:



Adding Recent Post Widget With Thumbnails

Go to your Dashboard > Design >Edit HTML.

Find this code:
<b:section class='sidebar1' id='sidebar1' preferred='yes'>

Copy the code below and change the part in RED with yours, then change the above code with your configured code.
<b:widget id='HTML8' locked='false' title='Recent Post' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<!--EDIT RECENT POST -->
<script language='JavaScript'>
imgr = new Array();
imgr[0] = &quot;http://i44.tinypic.com/2r72hjd.jpg&quot;;
imgr[1] = &quot;http://i44.tinypic.com/2r72hjd.jpg&quot;;
imgr[2] = &quot;http://i44.tinypic.com/2r72hjd.jpg&quot;;
imgr[3] = &quot;http://i44.tinypic.com/2r72hjd.jpg&quot;;
imgr[4] = &quot;http://i44.tinypic.com/2r72hjd.jpg&quot;;
showRandomImg = true;
boxwidth = 200;
cellspacing = 2;
borderColor = &quot;#ffffff&quot;;
bgTD = &quot;#000000&quot;;
thumbwidth = 40;
thumbheight = 40;
fntsize = 8;
acolor = &quot;#666&quot;;
aBold = false;
icon = &quot; &quot;;
text = &quot;comments&quot;;
showPostDate = false;
summaryPost = 40;
summaryFontsize = 6;
summaryColor = &quot;#666&quot;;
icon2 = &quot; &quot;;
numposts = 5;
home_page = &quot;http://i-blogtools.blogspot.com/&quot;; <!--Your URL here-->
</script>
<script src='http://viemonsta.googlecode.com/files/devrecentpost.js' type='text/javascript'/>
<!--END RECENT POST -->
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
  
Configuration:
  •  numposts = 5 :  Change the numeric value as you desire. It is the number of posts to be seen in your Recent Post Widget.
  • Most importantly, change the this URL "http://i-blogtools.blogspot.com" with yours. It is where the widget gets its data.

Hope you like the widget. Drop a comment if you have some difficulties implementing the widget. ^^

0 comments:

Post a Comment


Related Posts Plugin for WordPress, Blogger...

Recent Post

SPONSOR

Tag Cloud

Blogumulus

Random Posts

Archives