How to Add Auto Read More with Thumbnail in Blogger/Blogspot?

In this article I’m sharing my opinions about how to add Auto Read More with thumbnail in Blogger websites.

If you’re not using one of those magazine style template, you might not like the way your blog posts show full length on your homepage. It might give your blog some kind of awkward look when you are having very long posts. It makes your blog pages and search results too long. By reading this short tutorial you will be able to know the solution.

You can however add auto post summary to create a “Read More” link beneath your blog posts.

Add Auto Read More with Thumbnail in Blogger


I’m explaining step by step ways to add Auto Read More Button in your Blogspot websites. Before applying my tricks, please download and back up a copy of your template files in case something goes wrong.

1. Go to “Design” and select “Edit HTML”

2. Check the box labelled “Expand Widget Template”

Press CTRL + F, then search for this code:

</head>

3. Now, just above this paste this code:

4. Now look for:

<data:post.body/>

5. Completely replace this with:

6. Now save your template:

The auto summary is now seen on your homepage, label pages, search results and archive pages.

Conclusion

I hope you’re able to follow my tutorial about how to show auto read more with thumbnail in Blogger. If you’re having any issue on doing that work just let me know in comment. And don’t forget to share to inspire for more writing like this one.