One more best feature of this hack is you can skip any number of posts on the home page that you need not shorten i.e. if you want you can show any number of a full post on the homepage. It gives a very professional look to your blog. Most of the professional Bloggers have already adopted Read More Option with Thumbnail hack for their blogs and this trick is not unknown to you. But the best thing is this it is available to you now. My belief is that you’ll try and use on your blogs.
Main Features of “Read More” Option with Thumbnail Hack for Blogspot
- You can show default thumbnail when your post does not contain any image.
- You can disable auto read more function for few posts on the home page.
- You can disable auto read more function on the home page, archive page, and other index pageType.
Steps to Use Read More Option with Thumbnail on Blogspot Version 2
- First, go to Blogger Dashboard then switch to the Template tab
- Must take the backup of your template
- Now click on Edit HTML and then on Proceed button
- Now check on Expand Widget Template
- Now search forinside Blogger template
- Now copy and paste the code given below just aboveNote: If possible please download and host javascript in your own Google Project or Dropbox to prevent bandwidth issues https://sites.google.com/site/techprevue/home/techprevue-autoreadmore.js
- And after finishing, steps now search for the following the code just below this, you’ll get the following code
- Change this data:post.body/ code with the following code and now preview your template if everything is appearing well then Save template.
Auto Read More Script Control Features
showImage: true, if do not want to show thumbnail then do it ‘false’ imgFloat: ‘left’, if you want to show thumbnail right to summary then do it ‘right’ imgWidth: 120, This is thumbnail width in pixel imgHeight: 120, This is thumbnail height in pixel defaultThumb: ‘http://3.bp.blogspot.com/-RHI16xnGGw0/UyRl8A6Y3jI/AAAAAAAAM6g/b6wZoVza7J4/s1600/thumb.png’, if you want to use the custom thumbnail as per your blog design just change this URL words: 100, this is a number of words for a summary of index pageType in presence of a thumbnail wordsNoImg: 120, this is a number of words for a summary of index pageType in absence of thumbnail skip: 0, if you want to read more function on all posts then leave it as it is, if want to skip first do it ‘1’ or for two posts do it ‘2’ and so on… showHome: true, if you do not want to read more function on the home page, do it ‘false’ showLabel: true, if you do not want to read more function on the label page, do it ‘false’
On this blog, I use this script. You can visit the homepage and label page for demo purpose.
