Blogger Auto Generated Thumbnails Clickable

Blogger is one of the most used Free Blogging platform. Its free and easy to use. Blogger, officially, does not support plugins like wordpress so developers and programmers, make scripts and hacks to make their blogspot blog more attractive and productive. Although blogger has launched "Read more" hack officially but bloggers still prefer Blogger Auto Read More Script as this scrip automatically generates thumbnails with title and summary. There was an issue with old auto read more with thumbnails script that, this script does not create clickable thumbnails. We all know Images convey information more easier than text, so images should also be clickable. So, here is a way to make blogger thumbnails clickable which are automatically generated by auto read more script.

Make Blogger Auto Generated Thumbnails Clickable

  1. If you already using old auto read more script with thumbnails then follow step Two, otherwise click here, follow the instructions on new page and then follow step two.
  2.  If you satisfy step 1, then follow below instructions:   Replace
    <script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>
    with
    <script src='http://bplugins.googlecode.com/files/readmore.js' type='text/javascript'/>
  3. Now, Go to Settings > Design > EDIT HTML and check Expand Widget Templates
  4. Now, Find this code
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id>");</script>
    and replace with
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
  5. Save Template, thats it :)
Now, check your blog. Your blog thumbnails will be clickable now.