Read More / Expandable Post Summery Hack For Blogger[Easy Install]

Expandable Post summery are a must Hack to give professional look to your Blog.In Read more Hack The whole post is not shown, only a part of it with the first image of post as a thumbnail is shown.This makes the Loading time of Page very less.And gives more Exposure to your constant.

Lets Install this hack!



Login to Blogger>>>Go To LAYOUT>>>Then Click On Edit HTML>>>Check Mark Expand Widgets>>>Press Ctrl+F

Search For </head> code:

And Replace it with Below Code:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://files.bloggerplugins.org/excerpt.js' type='text/javascript'/>
</head>

Now Search For <data:post.body/> code:

And Replace it with Below 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>Read more >></b></a></span>
</b:if>

To Show image in place of "Read More.." Replace it with <img alt="[BloggerBolt.blogspot]" src="http://i601.photobucket.com/albums/tt95/Inder002/031.png" fix="tofix"/>

Now See The change....