Applying Blogger auto read more

Applying auto read more

Here we go:

1. Login to your Blogger account.
2. Go to Dashboard > Layout > Edit HTML.
3. Back up your template.
4. Check the Expand Widget Templates check box on top right of the HTML window.
5. In the code window, look for line.
6. Add the Read More code below right after that line.

1. 
   
   01

   02

   09

   44

2. After that, find this line:
3. Replace the line with this code:

1. 
   
   01

   02

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

   04	<data:post.body/>

   05

   <b:else/>

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

   07	<data:post.body/>

   08

   <b:else/>

   09	<div expr:id='"summary" + data:post.id'><data:post.body/>div>

   10	<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");

   11

   script>

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

   13

   b:if>

   14

   b:if>

   15

2. Click Preview. If it works, then click Save Template.

Customizing the snippet

You can customize the read more by changing the values of the variables below:

1. thumbnail_mode –set to “yes” if you want to show thumbnail with text summary. Set to other than “yes” to show only text summary.
2. summary_img –specify the number of characters (including spaces) you want to show in the summary, with thumbnail.
3. summary_noimg –specify the number of characters (including spaces) you want to show in the summary, when there is no thumbnail.
4. img_thumb_height and img_thumb_width -specify the thumbnail height and width (in pixels).
5. You can change the words “Read more” with your own by changing it in line 12 of the code in step 8.

That’s it, enjoy!