Kamis, 04 April 2013

Simple Recent Posts Widget With Thumbnails For Blogspot

There are various type and style of recent posts widgets.
If you are the type of simple blogger and want only add this widget displayed with thumbnails and snippet you can embed these code from your blogger Layout using HTML/JavaScript.
Simply copy and paste the following codes into the provided box and save. You will have recent posts widget on your blog :).


<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://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://sogoodall.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Note: Change the URL in blue with your own blog URL. You can also customize other desired element by changing the value ( number eg 1, 2, 3, etc ... ) or tag (true or false).

0 komentar:

Posting Komentar