How to Automatically add Read More link to Blogger

Paste your parsed code here. Paste your parsed code here. Have you seen many blogger using mini-descriptions of the posts shown on the main blog page, search pages, label pages and archive pages. An increasing number of bloggers are posting their article by adding "jump-link", which allows users to click on a link that says "Read More" in order to continue reading the post.

In my previous article Auto Read More Javascript for Blogger but it has many disadvantages like you cannot increase character length but in this article, I will show you how to automatically add a read more link in Blogger which lot more option than previous one just using simple JavaScript function, so are you ready for that just follow these easy steps:-

Add Read More link to Blogger

Step 1: Go to Blogger Dashboard >> Template >> Edit HTML and inside the editor Find (CTRL + F  or CMD + F) and replace with this one

Step 2: Find and paste this below code above

Modification/Option

• Change default Read More text to another on replace this with your text


• Change the number of characters shown when there is no thumbnail, modify the (no_thumb_sum = 300;) value 300 to your value


• Change the number of characters shown when a post has a thumbnail, modify the (no_thumb_sum = 200;) value 200 to your value


• Change image/thumbnail height, modify the (thumb_h = 220;) value 160 to your image height 


• Change image/thumbnail width, modify the (thumb_h = 300;) value 180 to your image width 

Step 3: Click on the Save and Go to your Blog to see the effect

Conclusion

Adding this extra enhancements blogger read more(jump-link) tag helps your users to more easily navigate your blog by keeping your blog post organized and summarized but there is certain cons using this technique, it will not work if your user disable javascript. Paste your parsed code here. Paste your parsed code here.