All-A-WeB$

The hack become very useful and famous to many bloggers.Many bloggers want the same hack with no image thumbnails therefore we have brought this hack of creating auto expandable posts in blogger with no images thumbnails.

This hack is also like the other hacks you have performed before.You just have to replace some block of codes with our provided block of codes and see the hack working.But remember to backup your blogger template before you perform any blogger hack.The hack begins below.

Start with signing into your blogger account.Then goto Layout Tab then Edit Html Sub tab.On the Edit Html Page check Expand Widget Templates.

Now search for <data:post.body/>  and replace it with the following block of codes.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;YOURBLOG ID&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>

After you replace the code save your Template.
In the above code you will find YOURBLOG ID.You have to replace this with your blog ID.Its really easy.