In this post, nosotros are going to run into "How to Add a Recent Posts" widget to your blog. The "Recent Posts" widget amongst thumbnails volition assistance the spider web log visitors to uncovering the recent posts quickly.This is ane to a greater extent than widget which volition assistance your spider web log to gain traffic too it fifty-fifty adds a practiced expect to your blog. It volition amend the user sense of your spider web log many folds.
The Recent posts widget volition boost the website/blog functioning past times reducing the bounce charge per unit of measurement too the amount of fourth dimension a user pass on your blog/website.
This widget shows the championship of the post, thumbnail too a pocket-sized summary.
So, let's banking concern jibe out "How To Add Recent Posts Widget amongst Thumbnails"-
Step 1: Go to Blogger Dashboard - Click on Layout
Step 2: Click on "Add a Gadget"
Step 3: Select "HTML/JavaScript" from the list. Copy too Paste the below code.
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs rigid {font-size:10px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.technogadgetworld.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Customization:
- Change the URL "http://www.technogadgetworld.blogspot.com" with your ain spider web log address.
- Change the numposts = 5 value amongst whatever issue of posts you lot desire on your Recent Posts Widget.
- Change the numchars = 100 value amongst whatever issue of characters you lot desire to demo inwards summary of Recent Posts.
- Change the truthful to imitation to activate or deactivate whatever characteristic of this widget.
Step 4: Now salve the widget. And salve the arrangement and Visit your blog.
Congrats. You convey immediately added the "Recent Posts" widget on your blog.
