Home
Blogger

How to Remove or Hide Read More option from Blogger Static Page

How to Remove or Hide Read More option from Blogger Static Page
readmore button

Readmore option on static page is a big problem. This problem may seems to you simple but this is a critical problem for template designer, even I have faced this types of problem when I has started template desiging. Some time we get many blog template but you would see that we can't see the full static page even there has an Readmore option sometime with readmore button. When you just click on Readmore then the page seems to you remain same. As a result if you like a particular template but you are unable to use Blogger static page where we can use those pages  for many important task, Such as About Author, Copyright Policy, Privacy Policy, Advertisement Details, Contact Form etc. So there is a biggest contribution of blogger static page into your blog. Even if you want to get approval from Google AdSense you must include Privacy Policy. So I have decided to share tips that how we can remove readmore option from static page thus you would able to display full static page. So please follow the below tutorial.


Remember that different template has different coding for readmore, for this reason I am providing 2 ways to remove or hide the readmore option.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML-> Unfold code  ►

Step 3 Now Find the code like below by Pressing   Ctrl + F

Note: Readmore code may vary template to template so concentrate on Read More text only. If you are using Readmore Image then find the Readmore image link.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>

Or your readmore code may be like below –

<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
(&quot;summary<data:post.id/>&quot;);</script>
<span class='jump-link' style='float:right'><a expr:href='data:post.url'>Read more...</a>
</span></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>


Now simply add the below code

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
 Your Template's Existing Readmore Code

</b:if>


  • For Example see the below complete code


<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>
</b:if>
  
Or

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
(&quot;summary<data:post.id/>&quot;);</script>
<span class='jump-link' style='float:right'><a expr:href='data:post.url'>Read more...</a>
</span></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
</b:if>


read more


If you face any problem just leave a comment below I will reply you as soon as possible. Your feedback will motivate me to improve my further content. 

3 comments

  1. nice tips bro.
    wishing a guest post what say???
    i wanna publish a pop-up widget??
    let me know
    • Hi Dilip, sorry for late reply. you can send me Guest post and before that give me the Demo link. You didn't clear me about popup widget.If it is good then I will publish.
  2. Awesome tip bro :) Keep it up

    Regards
    TheTricksLab

Go Up