How To Display Recent, Random and Popular Posts With Thumbnails

There are many WordPress Plugins available which allows you to display your Blog’s Recent, Random or Popular Articles in the sidebar, but most of them only shows Title of the post and not the Thumbnails. So, decided to write a tutorial to make your sidebar more attractive and dashing. Just follow the simple steps and you are done.

1.Get Plugins

For displaying your Articles in the sidebar with thumbnails in the sidebars, you will require plugins made by Rob Marsh. These plugins (Random Posts, Recent Posts and Popular Posts) are made in such a way that you can use tags available from the number of tags. From the collection of tags available, we can use the particular desired tags.

[download id="37" format="2"]

[download id="38" format="2"]

[download id="39" format="2"]

[download id="40" format="2"]

2. Customizing Your Plugin

When you download the plugin, you will get a ZIP file, first extract the file and then upload it to your blog’s Plugins Directory. Then login to your Dashboard and in the Plugins Tab, Activate the Plguins you have just downloaded. After activating the plugins,you will get a options tab in the Settings panel. Go to the options panel, and then jump to output tab in the Plugin options page.

In the options tab, there is a option of Output Template which allows you to design the output of the Plugin. Just add the following code to the output template option.

<li>
<a href="{url}"><img src="{imagesrc}" width="60" height="60" title="" /></a>{link}
</li>

You can customize the size of the thumbnails by changing the size of width and height in the code. The {imagesrc} tag allows the plugin to take first image from the Post and display as thumbnail. You can use some CSS for designing the thumbnails more. Similarly for Recent Posts, Random Posts and Similiar Posts, add the same code in the output template and you will get the result. After adding the code, just go to widgets area and place the posts widget in the sidebar. If you have another tutorial or code that leads to the same tutorial, then please inform us via comment.

Keywords:

random post with thumbnail, popular posts thumbnails, random posts output template, random post thumbnail, random post with thumbnail for blogger, randoms posts thumb blogger, randomn posts thumbnail wordpress, random show thumbnails, random related posts with thumbnails css, random recent popular post with thumbnail for blogger, random posts with thumbs blogger, random post with thumbnail blogger, random posts with thumbnail, random posts thumbnails code, recent popular random widget for wordpress, recent popular random wordpress widget, recent random posts thumbnail, wordpress recent and popular post with thumbnail, wordpress random posts with thumbnail, wordpress random post with thumbnail, wordpress random post thumbnails plugin, wordpress popular posts thumb, wordpress popular posts no thumbnail, wordpress display popular posts, wordpress custom community recent posts, widget contenuti casuali wordpress, thesis random posts in sidebar, tab popular post with thumbnail blogspot, show rrandom posts with thumbnails wordpress, show random post with thumbnail, wordpress recent popular random, random post with thumb wordpress sidebar, display recent posts with thumbnail image wordpress, display random posts wordpress with keyword, display random posts on wordpress with thumbnails, display random post in blogger with thumbnails, custom community thumbnails, custom community thumbnail, custom community latest post, css random posts thumbnails blogger, create wordpress random posts widget, blogspot random post with thumbnail, blogger random posts thumbnail size, blogger popular posts with thumbnails, how to create random post in sidebar with thumbnail, how to exteract first image from wordpress for random post, how to make random post thumbnail in sidebar, random post with thumb blogger, random post with thumb, random popular recent post plugin wordpress, popular posts with thumbnails blogger, popular posts with thumbnails, popular posts display only thumbnails for blogger, popular post widget with thumbnails wordpress, popular post grafik wordpress, make custom community thumbnail links, last popular post graphic wordpress, html code to show popular posts with thumbnails, how to show thumbnail for random posts, blogger popular post no thumbnail

http://www.techhamlet.com Pubudu Kodikara

Just what i needed! :D thanks for sharing bro :D
.-= Pubudu Kodikara´s last blog ..The Top Free Malware Killer for Windows =-.
http://www.catchd.com sunder

it i sshowing no posts i even installed post lib.. pls help me out

http://www.smashingeeks.com/ SmashinGeek

Its recommend that you have atleast one Image in the post.

http://www.serradinho.com/ George Serradinho

I have used the plugins for recent comments/recent posts/most popular for a long time and have now started to rather use a function for it. This way I can have less plugins installed which helps my blog a lot.

I suggest buying Digging into WordPress ebook, the best buy you will ever make.

http://www.smashingeeks.com/ SmashinGeek

Your site does not uses more Plugins and hence it opens faster.

http://www.stylishandtrendy.com Katie

Many Thanks Mate, i was searching this and none of the other plugins or so called code helped me. I was looking to do something like mint blog and finally i stumbled upon your blog.

Keep it up.
.-= Katie´s last blog ..How To Raise Your Energy Bar =-.
http://yaokino.ru vinaction

Thanks a lot for your cool solution!
And I have one question witch bothers me a lot!
I’m using random post plugin and paste your code to the output template of random post. It’s streaching the image for thumb and thumb looking awfully. My pictures in the post are diferent sizes so some looking good on thumbs but others streachy.
How can it be solved?
Thanks for answering!
http://autocarzine.com/ vektorjati

Can you help me? is there any plugin image gallery widget with 3 columns? I need a photo gallery in my sidebar.

http://www.smashingeeks.com SmashinGeeks

You can use any Theme because there is no gallery widget and with 3 columns.

Ravi Saive

not working in my website http://www.hqwallpaper.in
http://internet-income-home.blogspot.com/ Krish

How to customize with css so that it looks better?
http://www.iddaalive.com/ canlı maç izle

I agree with Kate ” i was searching this and none of the other plugins or so called code helped me. I was looking to do something like mint blog and finally i stumbled upon your blog. “
http://www.pcdiy.com/ Terry Lin

Good post. I would like to use this wordpress trick on my site. Thanks a lot!
Andkon

Brilliant sharing, your article really helps me. I’m having a bad time searching for this plug. Lots of thanks
vale

I’ve used this code, but I can’t align properly text with images, any help???
http://thepumpkin.co kevin

Is there a way to put the title on top of the thumbnail image instead of below it?
http://articles910.com/index.php?page=article&article_id=112246 Phillis Difilippo

I am continuously looking online for ideas that can assist me. Thx!
http://car-owners-manual.info Car Repair Manual

thanks good article !!!

Get Fresh Content Delivered

Sponsors

Broadband

Broadband deals

Compare Broadband

Recently Tweeted

Blogroll