Saturday, 19 April 2014

Simple Recent Posts Widget For Blogger

00:22

Today I am writing a short and simple guide about adding Recent Posts widget to your bloggers blog. This is a simple but very powerful widget which should be installed by every blogger on their blogs. You can keep your visitors engaged with this plugin. I think most of the visitors visit the blog through search engines and leave without having look on other awesome posts you made on your blog. So if you add widgets like recent posts, related posts you may increase their attraction towards your blog and make them a daily reader. Before turning towards the actual steps let us take a look on the features.



Features:

1) A simple but attractive design.

2) With and without thumbnails.

3) With and without snippet.

4) Very simple to add on any blog.

Steps To Add This Widget:

1) Log in to blogger and go to layout.

2) Now click add gadget and select HTML/Javascript.

3) Just copy and paste following script in it.


<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='http://yourjavascript.com/1159358112/www.mybloggertopic.blogspot.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/><small><a style='margin-left:10px;align:right;' href='http://tricksdroid.com' target='_blank'>Recent Posts Widget</a></small>
4) Custumization:


  • Change 5 to number of posts you want to show.
  • Change true to false to deactivate features.
  • Change 100 to number of words you want to show in summary.
5) Save the gadget now.

6) Fix the position of gadget and save arrangement. You are done..!

Final Words:

This was a tutorial which describes how to add Recent Posts widget to your bloggers blog. Hope this worked for you and you liked it. If you face any problem while adding this widget you can leave a comment below. Keep visiting..Happy Blogging..!

Written by

Satyam Bora Is 18 Years Old Boy Addicted To Blogging And Technology.He Is A Part Time Blogger And Student Of Civil Engineering. This Guy Is Always Here To Help You :)

2 comments:

 

© 2013 TricksDroid. All rights resevered. Designed by Templateism

Back To Top