banner

Breaking News

Recent Posts Widget Alongside Thumbnails For Blogger Blog

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.

If you lot convey whatever doubts or suggestions. Please comment below.

Post a Comment