How to Auto Read More with image thumbnails on Blogger

Sunday, April 10, 2011



This how-to guide will show you how to How to Auto Read More with image thumbnails on Blogger. This hack will automatically create post summaries with image thumbnails on your blogspot blog. Just follow the steps below

Go to you blogger Dashboard>>Design>>Edit HTML
Tick "Expand Widget Templates"
Look for </head> tag in your template. [Tip: You can search for this code by pressing CTRL + F on your keyboard]

and just before </head> paste the following code 
<script type='text/javascript'>var thumbnail_mode = &quot;float&quot; ;summary_noimg = 500;summary_img = 500;img_thumb_height = 125;img_thumb_width = 125;</script><script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>
Now search for <data:post.body/> in your template and replace <data:post.body/> with the following code



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>




Finally hit
SAVE TEMPLATE and viola! your' done. You will not have to do this again and again as this hack automatically does everything out there.

You can follow us on Twitter or Join us on Facebook to receive all updates . . .




Share your views...

0 Respones to "How to Auto Read More with image thumbnails on Blogger"

Post a Comment

 

Connect with us

Followers

© 2010 - 2017 theinfoW.com All Rights Reserved | Contact Us | About Us | Privacy Policy | Terms of Use |