Saturday, February 5, 2011

Add "Read more" features to blog

1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F    

                                <p><data:post.body/></p>
                                               or
                                 <data:post.body/>

4. Just paste this below code before above code.

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

5. Find these tag  again   
                                <p><data:post.body/></p>
                                               or
                                 <data:post.body/>

 6 .Just paste this below code after the above tag.

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

<a expr:href='data:post.url'>Read more...</a>

</b:if>

</b:if>

8. Now click  Save Template button.

9. Now you have to put a simple code to post template.Go to  Setting >> Formatting.

10. In formatting go to bottom page,there is Post Template  form.and paste blow code.

PPost Before “read more”

<span class="fullpost">

And here is the rest of it

</span>










11. click save setting.now go to make new post.you will  find above code.

12. Put the part of the post that you want it to appears in your archive pages instate of:
                " Post Before""read more"

13. put the rest of the post instate of:
                "And here is the rest of it"

14. Click publish button,. you are done.

2 comments:

  1. actually it shows 3 search result - i tried for each n every one but i didnt get the expected output at all.
    i want to make it same as everybody have - "READ MORE" option

    ReplyDelete