There are several tutorials quite old in which you have seen different methods for displaying related posts in Blogger like the related posts widget with thumbnails and simple related posts with post titles only. This tutorial, however, will show you how to implement a really awesome Related Posts widget with thumbnails and posts snippets that will appear in the footer of all your blog posts.
If you want to get an idea of how it looks like, please visit this demo blog.
Now let’s see how to add the related posts widget with thumbnails and summary in Blogger:
Adding Related Posts Widget with Snippets to Blogger Posts
Step 1. From your Blogger Dashboard, go to Template and click on Edit HTML
Step 2. Click anywhere inside the code area and then press CTRL + F to open the Blogger search box
Step 3. Type or paste this tag inside the search box and hit enter to find it:
After you found it, paste this script just above it:
Note:
– To change the number of posts that are being displayed, modify the value in red (4)
– To change the number of characters to be shown in posts summary, modify the value in green (75)
– To change the default pic for posts with no images, add your URL instead of the one marked in blue
Step 4. Now that we added the script, we will need to add the CSS style. Just paste the following code above the same tag:
No comments:
Post a Comment