Fixing Blogger Static Page - Remove Read More Button
May 24, 2012
Edit
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>
<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"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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 != "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"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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.
Thanks for reading.Please subscribe and share.