ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web

How to Show Post Summary By Read More in Blogspot

Updated on July 9, 2015

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)

  • 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 src=''
  • now find the following html code


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;'>
<div expr:id='&quot;summary&quot; +'>
<script type='text/javascript'>
<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>

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


    0 of 8192 characters used
    Post Comment

    • profile image

      izwan 4 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!

    • kamran210 profile image

      Kamran 6 years ago from Pakistan

      Welcome :)

    • hungrymouse profile image

      hungrymouse 6 years ago from North America

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