Expandable posts

It is very tiring and irritating to read through the entire posts on a blog before you reach the particular matter you are lookin for.Faced with similar prob..i chanced upon Hackosphere.His blog helped me a great deal in customising my blogs (Horizon ,MyTamil blog,& the one you are reading now) in the manner you now see it.

Step 0:

Download and save your template so that you can go back to it if there is any problem .
——————————————– Click Readmore or Click Here

Step 1:
Find the </head>tag in your template and add this line before it
<script type=’text/javascript’
src=’http://www.anniyalogam.com/widgets/hackosphere.js’ />

Step 2:
Find this includable called “post” and make the changes highlighted in red so that the final result looks EXACTLY like this. .

<b:includable id=’post’ var=’post’>
<div class=’post uncustomized-post-template’
expr:id='”post-” + data:post.id’>
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class=’post-header-line-1’/>
<div class=’post-body’>
<b:if cond=’data:blog.pageType == “item”‘>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id=’showlink’>
<p><a href=’javascript:void(0);’
expr:onclick='”javascript:showFull(\”post-” +
data:post.id + “\”);”‘>Read More…</a></p>
</span>
<span id=’hidelink’ style=’display:none’>
<p><a href=’javascript:void(0);’
expr:onclick='”javascript:hideFull(\”post-” +
data:post.id + “\”);”‘>Summary only…</a></p>
</span>
<script type=’text/javascript’>
checkFull(“post-” + “<data:post.id/>”);
</script>
</b:if>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

Step 3.
Goto Settings->Formatting and at the bottom, you will find the text box provided to specify the “Post template”. Copy/paste these lines into that text box and save the settings.

Type your summary here
<span id=”fullpost”>
Type rest of the post here
</span>

If you create a new post now, it shows you clearly where to type the summary and where to add the rest of the post. Please note that you could also divide some or all of your old posts into summary and full post by editing them. The “Read more” link will appear only for the posts that have been divided

I have copy-pasted these instructions from hackosphere.This works fine for me in all my blogs.Hope you too get to enjoy this feature