Sorry guys! I wasn't aware that only registered users could comment. Anyway, I've just changed the settings so things should be A-OK now. Cheers, people!

Hello all. I'm testing out this template for RANDTS, since it's about time we gave that blog a face-lift. Please leave your comments about this template in the comment section of this post. Suggestions and advice are also much welcomed. By the way, you don't have to be a RANDTSter to comment, yeah. *wink*

Don't be shy, get commenting! :)

[lifted wholesale from Hackosphere]

Yesterday, I thought my most popular hack, Peekaboo posts, needs a makeover. A while back, I received a comment that the post expands too quickly when you click "Read more" link. I thought this could be something to improve upon. How about some special effect like Fade In/Fade Out? You got it! I have integrated the popular javascript effects library script.aculo.us with our peekaboo posts. You can see it in action in my test blog. If you click on "Read more", the full post appears gradually from nowhere and it fades in nicely if you click "Summary only".

You gotta have it in your blog, right? You can have it with very few changes to your template. I spent a few hours on this and surpassed some limitations of script.aculo.us and (bugridden) IE to get this working in Firefox, IE and Opera. Just follow these steps if you have already installed peekaboo posts in your blog.

Step 1: Add these lines before the /head tag.

<script type="text/javascript" src="http://anniyalogam.com/scriptaculous/src/prototype.js"><br /><script type="'text/javascript'" src=" 'http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load="><br /><script type="'text/javascript'"><br />var fade = true;<br />var peekaboo_bgcolor = '#ffffff';<br /></script>

If your blog's background color is anything other than white, you need to change the peekaboo_bgcolor appropriately for it to work properly in IE. Since most blogs have white background, it should work as it is.

Step 2: Find this portion of code and remove the line shown in red.

<div class="post-body">
<b:if cond="data:blog.pageType == "item"">
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>#fullpost {display:none;}</style>
</b:else><p><data:post.body></data:post.body></p>

That's it! Go ahead and impress your readers. Scriptaculous has many more effects like slide down/up, drop etc which I will try to make use of in the future. - Ramani