How to Show Post Summary By Read More in Blogspot


Many bloggers prefer o show the summary of posts on blogger homepage and then add a read more tab instead of whole post.By adding the readmore tab and only showing post summary you can display more posts on blogger homepage and let visitor select which one he want to read.

Its very easy to show post summary on blogger home page and adding a readmore tab.Just follow the following steps to edit the HTML of blogger template

  1. login to your blogger account
  2. select ''Dashboard''
  3. select ''edit html''
  4. download full copy of template just as a backup
  5. Check ''expand widget template''Expand Widget Templates
  6. now find the following in the html code (use ctrl+f to find)


</head>
  • paste the following code just above it

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 240;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js'
type='text/javascript'/>
  • now find the following html code

<data:post.body/>

And replace it with the following code ..(just replace <data:post.body/> with the following code)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'>
<a expr:href='data:post.url'
rel='bookmark'><b>Read more >></b></a></span>
</b:if>

That's all now save the template and view your blog you will see post summaries on homepage with a read more tab

You can find me on my other sites Movies2k and blog search

Comments 3 comments

hungrymouse profile image

hungrymouse 5 years ago from North America

Thanks! I have been trying to figure that one out.


kamran210 profile image

kamran210 5 years ago from Pakistan Author

Welcome :)


izwan 3 years ago

Thank You Very Much Bro! I Used Your Technique And Its Working!!

This Is My Link..Http://Infoaday.Blogspot.Com/

The Ctrl+F That You Suggest Was Most Helpful..

I Just Having Difficulties With

"And replace it with the following code ..(just replace data:post.body with the following code)."

It Should Be:

"And replace it with the following code ..(just replace ALL data:post.body IN THE TEMPLATE with the following code)."

By The Way, Thanks Again!

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working