Blogger Widget, Featured Post With Thumbnail

As you are reading this tutorial post now, maybe you've been into blogs which has a Featured Posts on their Side Bar, Featuring your posts will help your old posts come alive again, because new visitors or readers on your blog may want to read them and would easily find them because it is only their on the sidebar.

If you want to have this kind of widget on your Blog here are the steps on how to have Featured Posts Widget With Thumbnails and Comment counts on your blog's sidebar:

Firstly, Go To Dashboard-> Layout-> Page elements-> Add a Widget-> HTML/Javascript

Then Copy and Paste this Code:
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;    float:right;margin:0 0 5px 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://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.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="http://www2.blogger.com/feeds/YOURBLOGID/posts/default/-/featured?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

And change the "YOURBLOGID" to your blog's I.D

And here is how you could find your blog's I.D.:
Go to dashboard and click on your blog's Layout and find you I.D. on the address bar:




And after that, Just add a "featured" label on your blog posts that you want to feature.

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post