Theme are going to update latest version please stay updated with new latest features and options. Any quires please contact to Support Forum
Home » Programming » Show Recent Post in Blogger with Thumb Image

bloggerHow to Display Latest Recent posts in blogger (blogspot) Show any number of posts and topic in yo widget area it’s easy below make you to enable Comments, Date, post summary, and read more link. we already shared many blogger tutorial with you like Add share button below post title and Remove Sticky Widget also Related Post Widget in blogger

Follow these very simple steps to add the “Recent Posts Widget with Thumbnails” in your blog.

  • Go To Blogger > Design > Page Elements
  • Click on “Add a Gadget” link
  • From the pop-up window, choose HTML/JavaScript
  • Copy and paste the following code below

[php]

<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 strong {font-size:10px;}</style>
<script style=’text/javascript’ src='<a href="https://bloggerrecent.googlecode.com/svn/wrock-org-blogger.js">https://bloggerrecent.googlecode.com/svn/wrock-org-blogger.js</a>’></script>
<script style=’text/javascript’>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
<script src=’http://bolly2u.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs’></script>
<hr/><small><a href=’http://www.wrock.org/’ target=’_blank’>Wrock.Org</a></small>

[/php]

make Changes According to You:

  • Change bolly2u.blogspot.com to Your Blog address
  • Change numposts = 5 to Show number of Recent posts with thumbnails
  • Change numchars = 100 to number of characters to show in summary of recent posts
  • Change true to false to activate or deactivate any feature of this widget
  • Don’t Forget to Save it

About

is a personal technology columnist, author and founder of WRock.org, a widely read tech and how-to blog since 2009. Wants to explore and share interesting Tips, Tricks, Tutorials, Guides and More. Also WordPress Theme Designer his themes @ here. Email: admin@wrock.org

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Subscribe Us

Recent Reviews

Powered by

PayPal WordPress