Hide Read More Link In Blogger Static Pages?

Read More links are very important for a blog as they help to give a new and neat look to your homepage. But Read More links on static pages can look bad and give an unprofessional look to your blog. Customizing and removing these can help to keep static blogger pages also neat and clean and increase user experience because as it is said: “First Impression Last Long!

How To Hide Read More Link in Static Pages?

  • Go To Blogger > Design > Edit HTML
  • Backup your template
  • Search for the old read more code which looks like this, or something similar to this:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>

 
Simply replace it with this one,

<!--READ-MORE-STARTS-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'><br/>
<a expr:href='data:post.url'><div style='text-align: right;'>Read More ->></div>
</a>
</b:if>
</b:if>
<!--READ-MORE-STOPS-->

Or if you want to add an image then simply replace it with the code below:

<!--READ-MORE-STARTS-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'><br/>
<a expr:href='data:post.url'><div style='text-align: right;'>
<img height='33px' src='IMAGE URL OF READ MORE BUTTON' width='120px'/></div>
</a>
</b:if>
</b:if>
<!--READ-MORE-STOPS-->

Kindly replace IMAGE URL OF reading MORE BUTTON with Image link of your read more button. 

Save your template and then view all your static Pages to see a new professional look and also see the code working just perfect! Peace and blessing! 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *