How to show Related post with post image in Worpress

I saw some blog showing related post, random post and popular post  with post image on the side. Its a good idea to show post with post image. Do you know that showing post with pictures can get more views? Few days ago i started to test my web traffic from referrers and search engines. I found that My post with image get more views than others.. Then i posted tips and articles with image and it doubled my page views. If you don’t add image to your posts in wordpress you should test it. But you should decide that what would be best for your blog. You can also add some new options in your blog like showing related post or random post at the bottom of your post. You can add this option in your theme in a easy way. Just all you have to do is use a wordpress plugin with right settings. You can even edit the looks and styles by editing css code. So here is a little tutorial about how to show related post with image thumb.

1. At first download this plugin from Here Related post with Thumb Revised. This plugin is a modified version of WordPress Plugin Related Post Thumb from ZioGeek. But that plugin can’t re size image to thumb. But with revised version you can change the size of the thumbnail page configuration. Related lists are generated using tag. Download and activate that Plugin.

2. Before going to setting options you have to add a some css code on your theme style.css. To do this go to theme editor from your admin panel and edit style.css or manually add css from your ftp client.
Example CSS code by plugin author. Modify the css as you like.

. related_post ()
#post_div { (# post_div
height:70px; height: 70px;
border-bottom:1px solid #ccc; border-bottom: 1px solid # ccc;
margin-bottom:5px; margin-bottom: 5px;
} )
.img_related_post{ . img_related_post (
float:left float: left
} )
.text_related_post{ . text_related_post (
float:left; float: left;
text-align:left; text-align: left;
width:500px; width: 500px;
} )
.related_post img { . related_post img (
align:left; align: left;
border: 1px solid #ccc; border: 1px solid # ccc;
margin: 0px 6px 0px 0px; margin: 0px 6px 0px 0px;
padding: 2px 2px 2px 2px; padding: 2px 2px 2px 2px;
} )

3. Then go to login to wp-admin then settings> WordPress Related Posts then you can write Related Posts Title., limit how many post to show ETC. Then check mark Auto insert Related post option in Other settings. Or you you can show related post on your theme by adding

And you are done. If you have any problem let me know. Have fun with your traffic.