How to add read more automatically in blogger without javascript - 2023

<b:eval expr='data:post.body snippet {length: 150}'/>This code displays a specific number of words, in this case the specific value is 150 characters

<b:if cond='data:post.featuredImage'> <img expr:src='resizeImage(data:post.featuredImage, 100, "16:9")'/> <b:else/> <img src='https://cdn.pixabay.com/photo/2023/04/22/10/28/sheep-7943526_640.jpg'/> </b:if>This code is a conditional function that checks the existence of the image in the article. If there is an image, you call it with data:post.featuredImage, and if there is no image, you set a default image<img src="url"/>

<

<

• 1-step:go to dashboard in your blogger > edit html <data:post.body>
• 2-step:Search for this code <data:post.body>
• 3-step:replace this code with below code xml:

<!-- read more --> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.featuredImage'> <img expr:src='resizeImage(data:post.featuredImage, 100, "16:9")'/> <b:else/> <img src='https://cdn.pixabay.com/photo/2023/04/22/10/28/sheep-7943526_640.jpg'/> </b:if> <p class='entry-excerpt excerpt'><b:eval expr='data:post.body snippet {length: 150}'/></p> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> <!-- read more -->