Add Read More Link Automatic in Blogger

Automatic Read More Link For Blogger With Thumbnails i.e expandable post when clicking Read more for blogger with thumbnail of image used in blogger posts and all this work is done by the script automatically, you just don't need to locate your image the script will do all work for you automatically.Just you have to write your post and publish it with one image in post related to post.
If you don't want to add thumbnail image in post summary then i had an post previously on automatic read more link for blogger, read this.
Now how to install Automatic Read More code For Blogger With Thumbnails Demo snapshot is below.

Lets start with its installation: Now Login to Blogger Go to Layout  >> Edit HTML in your Blogger dashboard and check the "expand widget templates" box.
Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:

Note:  in above codes we can change the numeric numbers according to our need
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

Now find this code <data:post.body/> in your template and replace it with below codes.

Preview Your template if its showing thumbnail with read more code Save it.
Note: You can Change Read more.. to Continue Reading.. or Read full post as you like.. Best of luck for your blog!

Hi! I am Sartaj Husain. I am a Professional Software Developer, live in Delhi. I write blogs in my free time. I love to learn and share the knowledge with others because it is no good to try to stop knowledge from going forward. So free posts and tutorials. more..

No comments