Thursday, January 2, 2014

Recent Posts with Thumbnails Widget for Blogger

at 7:03 PM
0 Comments

Recent Posts with Thumbnails
Recent Posts with Thumbnails
Recent posts with thumbnails is a nice widget for blogger and help your visitors can see your latest content have you published. This widget is very important for every blogger to add it to their blog also help to increasing your blog’s page views. In this article, In this article we explains How to add Recent Posts widget in Blogger with image thumbnails:

Features:
  • Thumbnails to Recent Posts
  • Comment Count
  • Your blog gets more page views.
  • Your visitors can see your latest content
  • Full Control

How to Add Add widget to Blogger?

Help: How to Add Widgets to Blogger?

1. Sign into Blogger Dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste the following code in the HTML Text Area.

<script language="JavaScript">
imgr = new Array();
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 = 10;
home_page = "http://www.bloggerknown.com/";
</script>
<script src="https://dl.dropboxusercontent.com/s/hwbtvv8b40zy18a/recent-posts.js"  type="text/javascript"></script>

You can easily control many things in this recent posts widget to fit your blog

boxwidth: Width of the widget
cellspacing: Space between cells (default one is good)
borderColor: Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight: Width and Height of the thumbnail (default are good)
fntsize: Font size of the title
acolor: Color of the title
aBold: you want bold titles? (true or false)
numposts: How many posts you want to show?
home_page:  http://www.bloggerknown.com/ (change this to your blog url)

4. Save the Changes.

If you like this article do comments, share it on Facebook and other social web. Thanks
Get Free Updates:

0 comments:

Post a Comment

Your feedback is always appreciated. we'll try to reply to your queries as shortly as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please don't spam Spam comments will be deleted immediately upon our review.

Regards,
Mohammad Azeem