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 == "item"'><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 == "item"'><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 == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfxT8W4v6AYdcHZQbMpAgSIp6k8tQfg2ziz9khiCAwydwAgEIRynxaP3jscNbhvB0AoEh4bjFhaoNfmSOaUUIaGAlHVEo4ZeGqn-WSBvQD6Ms14KiiT9K0toNdBAw3fbA6L4_671JTP0/' style='border-style:none;'/></a></span>
</b:if>

Or like this one:

<b:if cond='data:blog.pageType != "item"'>

<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 != "static_page"'>

4. And add this closing tag:

</b:if>

5. So the final code may look like these:

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

<p><a class='more' expr:href='data:post.url'>continue reading</a></p>

</b:if>

6. Click Save and you’re done!

Thanks for reading.Please subscribe and share.