468x60 Ads

Add Auto Read More Post Summary's To Your Blog


Sagar Patel | 07:11 |

Step 1. In your Blogger dashboard click Design > Edit Html > Tick The Expand Widget Templates Box







Step 2. Find the following piece of code in your blogs Html : (Click CTRL and F for a search bar to help find the code )


</head>

Step 3. Copy the following code and paste it Directly Above / Before </head>

Important

The code in red sets how the post summary's are displayed.Remember if a post has an image it will be re sized into a thumbnail to be displayed beside the summery.If the post does not have an image just a text summery will be displayed.

summary_ noimg= 430; --> The length of the summery if the post does not have a thumbnail.
summary_img = 340; --> The length of the summery if there is an image in the post that will be converted into a thumbnail.
null_thumb_height = 120; --> The height in pixels of the thumbnail.
null_thumb_width = 120; --> The width in pixels of the thumbnail.

Step 4. Find the following piece of code in your blogs Html : (Click CTRL and F for a search bar to help find the code )

<data:post.body/>

Step 5. Replace <data:post.body/> With The Code Below

 

Note - You can change the text in red from Read More to "Continue Reading", "Read Full Post" or anything you like.

Note 1. You should try to have the first image in your posts as close to square as possible so they work well when used as thumbnails on your home page.Images that are for example rectangle in shape will appear distorted when they are re sized.I use a version of this script on this blog and always add an image at the top of the posts that are close to square, then size then wont make a big impact on the appearance.Remember it's the first image in each post that is used as a thumbnail.

Step 6. Save Your Template.

2 comments:

{ Nicole Pyles } at: 27 October 2012 at 17:37 said...

I used this on my blog and it worked perfectly! Thank you!!

{ Sagar Patel } at: 31 October 2012 at 22:50 said...

Wc.

Post a Comment

Thanks....

 
SagarHost © 2012 Design by Sagar Patel