[How-To]Display Post summay With ReadMore Tag in Blogger

This function is called Post Summary. It only work in new blogger template (beta) and does not work at classic template.

Follow The Steps Below :

Step #1 :

1. Login to you blogger account.
2. In the dashboard click layouts.
3. Then click edit HTML Tab.
4. Save you template 1st (Very important) by clicking download full template.
5. Mark the Expand Widget Templates box.
6. Go to you template and find this code: <p><data:post.body/></p>
7. Delete the code in above and change with this code in below:

<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href=’data:post.url’><strong>Read more…</strong></a></p>
</b:if>

8. Save you template.

Step #2 :

1. Click Setting tab.
2. Then click the formatting tab.
3. Go to lower side. Find the Post Template.

Paste This Code into You Post Template:

<span>

</span>

Click save and you done.

How to post your article :

When you post the article,choose Edit HTML beside Compose.

Example Posting:

dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf asdeirfk nm we fewa sdf sdasd dwefregf knkvnksdf dfre trtgfvd wdfertgc fewwdcx <span> (this will show in front of your blog)

dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf asdeirfk nm we fewa sdf sdasd dwefregf knkvnksdf dfre trtgfvd wdfertgc sdfeoiroi sdjhksdjjf asdnmasdnf asdeirfk nm we fewa sdf sdasd dwefregf knkvnksdf dfre trc </span> (this will show if visitor click read more)

At front page of your blog, will show just like this :

dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf dsfasdfk dsf asdfeoiroi sdjhksdjjf asdnmasdnf asdeirfk nm we fewa sdf sdasd dwefregf knkvnksdf dfre trtgfvd wdfertgc fewwdcx.Read More…

These Articles can be helpful to you

1. [How-to] Add Digg button to Blogger Post
2. Blogger SEO Tips:Display BlogTitle after a PostTitle in Blogger
3. Add Favicon To Your Blogspot Blog
4. Top Free Blogger Templates for your blogspot Blog 2011
5. How to add Orkut Share button

Article by WordPress Expert

WordPress Expert has written 123 articles.

If you like This post, you can follow free-tricks.com on Twitter. Subscribe to FT feed via RSS or EMAIL to receive instant updates.

Tweet Facebook Google