Recent Post How to Make Images Only Valid HTML5

This blog tutorial on how to create a widget recent post or latest posts only display images or thumbnails only. This widget has been validated HTML5, so no need to worry about the error code that will arise later. Widget recent post notify every latest articles from the blog, so people more easily see updates from a particular blog without having to go to the front page or homepage.

Author: Namina Kiky

Recent post with only displays thumbnail will only add to the beauty blogs are becoming increasingly looks slick and elegant. Most people will be teretarik see images rather than a series of text that became the title of a post.
Keen to put this widget on your blog? Follow the tutorial below.

How to Install Only Showing Thumbnail Recent Post

1. Login to blogger, go to your blog dashboard, then locate the menu Layout> Add Gadget (in the sidebar)> HTML / JavaScript,

2. Copy and paste the code below into the last gadget

<div id='bp_recent'></div>
<script style='text/javascript' src='https://googledrive.com/host/0B8a75E285BMHcThrdkdWZUNiUzg'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.iumari.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Note the above code, var numberOfPosts = 12;

Is the number of posts you want to display. Then replace www.iumari.com with the name of your blog.

3. Save, and then refresh your blog, to see the widget application is successful or not.