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:


blogger featured post widget

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





Upgrade to a FileSonic Premium account and download at incredible speed!

2 comments

Click here for comments
Friday, January 18, 2013 ×

In theory this widget is exactly what I'm looking for.

I posted in the code, updated my blogID, then added the "featured" label on one of my posts.

Doesn't display anything under the title.

Ideas for troubleshooting?

Reply
avatar
Thursday, February 20, 2014 ×

http://cuahangtemplate.blogspot.com/

Reply
avatar