Recent Posts have Thumbnails pictures Blogspot. Code Recent Posts have Thumbnails pictures Blogspot.
How to create: Recent Posts have Thumbnails pictures Blogspot
To create a Recent Posts have Thumbnails for your Blogspot: Blogspot Login == > layout (Layout) == > Create a HTML/Javascript Widget and then copy the code dươi here, and then click Save:
<style type='text/css'>
img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
float:left;margin-right:10px;border:1px solid #999;}
.recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;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='https://sites.google.com/site/seovnpro/recent-post.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='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Note:
-width: 60px; height: 60px; : is the size of the image shown