mercredi 28 mars 2012

How To Add Related Posts Widget To Blogger with Thumbnails

Now here is a wonderful hack for displaying related posts beneath each of your blog posts, along with thumbnails. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.

Related: Related Posts Widget with Thumbnails and Summaries

related post, related posts blogger, blogger widgets

Adding the Related Posts Widget to Blogger/Blogspot

Step 1. Log in to your Blogger account and go to Template > Edit HTML

blogger template, edit html

Step 2. Click anywhere inside the code area and press the CTRL + F keys:

blogger search box, CTRL + F

Step 3. Search for this piece of code adding it inside the search box (hit Enter to find it):
Step 4. Copy and paste the below code just before/above the tag:




Related Posts Widget


Note:
- change the 5 value from max-results=5 with the number of posts you want to be displayed
- if you want the related posts to be displayed on homepage too, then remove the lines in violet

Update! If you are unable to see the related posts widget after saving the template, add the code (step 5) just above the tag which can be found above this line (CTRL + F to find it):
For more info, click on this screenshot below:


Step 7. Save the Template and that's it. Now the Related Posts widget should appear below each blog post that has labels on it. Enjoy!

Libellés : , ,

publié par Anonyme @ 17:13   0 commentaires

0 commentaires:

Enregistrer un commentaire

Abonnement Publier les commentaires [Atom]

<< Accueil