2009-04-03

Image

Add "Read More" or "Continue Reading" Option in Blogger

I just realised that not all blogger templates come embedded with the "read more" or "continue reading" tab for their posts. It is probably because the template designers might have thought it is no big a deal to add this feature by the users themselves. And rightly so, it is easy.
Here is how u do it...

  1. In your blogger dashboard, goto Layout->Edit HTML.
  2. As a precaution, backup ur template by clicking "Download Full Template"
  3. Select the "Expand Widget Templates" option and then in the Editor, search for


<data:post.body/>


(i would suggest u to do the searching by pressing CTRL+F)
  1. Now replace it with the following code (Note - there might be many instances of the code above, so replace all of them by the code below)
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <data:post.body/>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <data:post.body/>
    <a expr:href='data:post.url'>Continue Reading »</a>
    </b:if>
  2. Save Template and then goto Settings->Formatting
  3. In the last option "Post Template", paste this code
    <span class="fullpost">
    </span>
  4. Save Settings and now u have ur Read More tag embedded to ur template.
Note - When u are creating a new post from now on, in the Edit Html section u'll find
<span class="fullpost">
</span>

Whatever u want to display as summary in ur home page enter that before
<span class="fullpost">

The rest of the post should follow after it.
For old posts u have to manually add the code in Step 6 to get the Read More tag placed where u want.
If u get any errors or if its not working properly, then let me know and i will be glad to help.

0 التعليقات:

Total Pageviews