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!
- Home
- _About
- _Contact
- CDN
- _jQuery Library
- _Moment Library
- _Bootstrap Library, CSS, Font
- Nuget
- Tools
- _EXCEL To JSON
- _EXCEL To BSON
- _Get Date Array
- _JSON To HTML Table
- _HTML Entity Encoder & Decoder
- _ObjectId to Timestamp
- _Keyboard Key Values
- _Yootube Video Thumbnail
- JavaScript
- jQuery
- Asp.Net C#
- MSSQL
- MongoDB
- Blogger
- Tech
No comments