Recent Post widget with Picture Thumbnail

blogger widget Recent post Recent post widget widget

amit01613

23:38

0

blogger widget, Recent post, Recent post widget, widget

Recent Post widget along with picture thumbnail and blog content install this interesting widget

                          

To start with, login to your blogger account, navigate to 'Template' and hit 'Edit HTML'.
Follow the below steps By Steps: 
Step 1: Go to your Dashboard of your blog
Step 2: Click Layout -> Add Gadgets
Step 3: From the list - Select "HTML/JavaScript"
Step 4: Copy and Paste the below code in the "Content" section
               [NOTE : Leave "Title" section empty]
Step 5: Copy and Paste
<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='https://sites.google.com/site/fashiondegree/recent-post-thumbnail/recentpost.js?revision=1'></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='http://Your-Blog-Url/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Step 5: Now change YOUR-BLOG-URL with your blog url. 
Step 6: Click "Save" button. And, "Save the arrangement" of your blog.