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 -->
© 2025 Manajmnt code
Comments
Post a Comment
message