How To Add Automatic Read More Hack For Blogger With Thumbnails

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

I recently wanted to change my blog appearance and while working for the same, I could find this hack. This hack is basically an updated version of the previous "READ MORE HACK" provided by sites like eblogtemplates. The disadvantage with the previous hack was that it did not create a summary of the posts that are already existing, that is, posts that are already published. Moreover, you had to include the code every time in your posts to create a summary of the post.

This post will explain you how to add the automatic read more hack for all posts including a thumbnail, if the post has got a picture in it. If the post has not got any picture, it just shows a small summary of the post. Follow these simple to install this hack in your blog.
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line: /head>
3. Paste the following piece of code above /head>.

4. Now, do a search again for the following piece of code:
5. Download this Text Document. Replace the following piece of code with that present in the file. Now, save your template and check out the result.

You may customize the number of letters displayed in post by changing the value in the following line, that is, change the ones highlighted in red.
summary_noimg = 450;
summary_img = 400;
In order to change the height and width of the thumbnail that is displayed in every post, you need to modify the following line, that is, change the ones highlighted in red.
img_thumb_height = 100;
img_thumb_width = 120;

For Further Reading,

Blogger, Blogger Tips, Blogging, Blogging Tips, Blogspot Tips, Design Tips