We have been moved to http://www.bloganol.com/

Previously we have presented you the blogger hack to create auto expandable posts in blogger with image thumbnails.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.To learn to find your blog ID read the blogger Totorial here.

comments

3 Responses to "Create auto Expandable Posts in Blogger with no image thumbnails"
Love funlog said...
August 23, 2009 at 6:05 AM

thanks............ its working fine.........
can i add READ MORE image to look this beautiful????

http://lovefunlog.blogspot.com


Achmadvm said...
August 23, 2009 at 5:34 PM

nice post


Ravi said...
August 29, 2009 at 10:16 PM

Great Post
Thanks Bloganol.com


Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!