LATEST POST WIDGET WITH THUMBNAIL FOR BLOGGER BLOG

recent post widget with thumbnail

Many bloggers who uses blogger blog always ask me this same question; how can I put my latest post in my side bar? Is there any widget that we can use for it? Yes there is, in fact there is lots of widget out there that can perform this task but as much as I love to break it down for you, they are all old widgets and are not functioning as normal.

So on our today issue; we are going to see how we can put our latest post to our sidebar without any skills needed. So are you ready for the ride? If you are ready, hop in and let me take you on an adventure.

HOW TO PUT LATEST POST WIDGET WITH THUMBNAIL TO BLOGGER BLOG

Must Read: SHOWING POST EXCERPT WITH THUMBNAIL ON BLOGGER HOMEPAGE

A little Note: Before we start let me tell you how I got this code; my friend saw the code on Pipe and liked it and decides to share it with me and since I used it and it was great, I said why not share it with my friends at my blog.

If you’re ready let us start the show…

Go to your blogger blog dashboard >>> Click Layout >>> Click Add a Gadget >>> Scroll and click HTML/JavaScript

Are you there yet? If yes paste the below code to the provided box

[php]<div>

<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":{"URL":"YOUR-BLOG-URL-HERE/feeds/posts/default"},

"hideHeader":"false","height":"500","count": 8 }</script>

<div style="font-family: arial, sans-serif; font-size: 9px;"><a href="http://onenaijablog.com/2013/01/latest-post-widget-with-thumbnail-for-blogger-blog/" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://onenaijablog.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray {margin:10px 0px;padding:0px;}

.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}

.pipesTitle {padding-top:0px;}

.pipesDescription {display:true;}

.ycdr {background:transparent url(http://3.bp.blogspot.com/-oxTuqVj1ziA/T6P6wtxqsgI/AAAAAAAACBE/wWR0bb2gfuE/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}

.ycdr, .ycdr a {color:#999999;}

.widget .popular-posts ul {padding-left:0;}

</style>[/php]

Have you pasted the code? Now click the save button and voila! How simple is that… this tutorial is so simple that any man would understand right?

Must Read: ADDING A COOL RELATED POST WIDGET TO YOUR BLOGGER BLOG

Do you still have questions in your chest that you’ll like to let go or you just want to leave a thank you note? Why not drop your comments and thoughts using the comment box below and we’ll get right back to you. Remember that your thoughts and comments are highly appreciated and welcomed.

Do you like this post? Then click the like button, share us and recommend us to friends. Do not forget to subscribe to our feed to get your latest updates on your e-mail.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *