Fixing Blogger Static Page - Remove Read More Button


One of the common issue you might encounter when using a customize blogger template is the no static page viewing. The problem happens on template with read more buttons that when you open your blogger page it looks like a post but upon clicking the read more button it will not display the whole page.
I myself have encountered the same trouble every time I changed my template but thanks to Lasantha, a web designer who share his tips.
Steps to Fix the Blogger Static Page
============================
1.Login to your blogger account
2.Go to Layout  > Edit HTML
3.Check the Expand Widget Templates
4.Use CTRL + F to find this line of code:
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

5. Now replace above code with below code:

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

6. Click Save. If you encounter an error while saving try this code:
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Note: The code above has the same meaning with step 5#, however some xml template couldn’t parse it due to outmatch quotes, etc.
Removing the Read More button
==============================
 After doing the first part you may now access your blogger page but the read more button still there, to remove it  do the following:
1. Click Expand Template Widget
2. Find this code:
<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='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://3.bp.blogspot.com/_T46SliM0-PI/S_OAcXPAZZI/AAAAAAAAAMM/rUsEdh1P7_o/24-large-allblogtools.jpg' style='border-style:none;'/></a></span>
</b:if>

Or like this one:
<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>
<p><a class='more' expr:href='data:post.url'>continue reading</a></p>
</b:if>

3. Now add this line below that code:
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

4.  And add this closing tag:
</b:if>
5. So the final code may look like these:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<p><a class='more' expr:href='data:post.url'>continue reading</a></p>
</b:if>
</b:if>

6. Click Save and you’re done!


Thanks for reading.Please subscribe and share.