Warung Online
Minggu, 22 Januari 2012

Remove Automatic Readmore at Static Page Blogger

There's some questions in my box comment and in my email tells that static page in my every templates didn't work well. Okay, I will give you some reasons, because most Blogger template that I created or modified still using the old version of "automatic readmore" feature. So, if you're using my blogger templates than you need to edit the template manually to remove read more option from the static pages. You need to follow the instructions below to remove automatic read more from blogger static pages.
  1. Login to blogger with your account
  2. Go to the dashboard >> Design >> Edit HTML
  3. Checklist Expand Templates Widget box
  4. Don't forget to backup/download your template first
  5. Find this code below, or Press Ctrl+F and search this codes
    <div class='post-body entry-content'>
  6. Then you must add  this code below that codes.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
    <data:post.body/>
    <b:else/>
  7. It must be look like this
    <div class='post-body entry-content'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
    <data:post.body/>
    <b:else/>
  8. Next step find this codes (Press Ctrl+F and reach this codes)
    <div style='clear: both;'/> <!-- clear for photos floats -->
  9. And then add this code above that codes
    </b:if>
  10. Save your work and it's done.
Static page should already appear on your blog, and if you want a static page as width as your postpage, add this codes after this code ]]></b:skin>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
#midle-wrapper, .thumb img, #blog-pager{display:none}
.post{border:1px solid $bordercolor;margin:.1em 0 .5em;padding:10px 15px}
.post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-height:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700}
.post h3 strong,.post h3 a:hover{color:$textcolor}
.post-body{border-top:2px solid #bbb;padding-top:6px;line-height:1.4em;margin:3.1em 0 .75em}
#main-wrapper{padding-left:20px;width:610px;float:$startSide;word-wrap:break-word;overflow:hidden}
</style>
</b:if>
Then save your template, or you can change with your own code to adjust the width of the static page, every template has a different case, so you can customize it by yourself. That's all friends, the instruction how to remove automatic readmore at static page. Happy blogging and new year...

Note :
This tutorial it can be used if only the templates has read more feature (Johny Simple Magazine and Download Disini)

Sompretttttt..... bener nggak ya bahasa Inggrisku, susah banget nulis Inggris.. hahahahaha