How To Add The Blogger "Read More"  

Posted by Jaideep Walia in , , ,

As you might have noticed, I have posted after a long time. It’s been too hot in Delhi and laziness is my second nature… (Yeah! ask my dad). The heat just increased my laziness and gave me another reason to give a pass to my “postings”.

Today, I received a mail by one of my readers as to she can add “Read More” for her posts which were rather long. This mail was reason enough for me to write this post.

This is one of my favorite hacks. It makes your blog’s pages a little easier to read and on slower connections, a little faster to load. If your posts are longer; then this hack presents a way to write summary of the post and then let’s the readers decide whether they want to view that particular post or not. Also the reader is spared the “ordeal” to scroll through your longish post to reach to the next post.

Without further delay, let’s start working.

 

Backup your blog’s template before making any changes.

Now go to your blog’s Layout => Edit HTML.

Click “Expand Widget Templates”.

Search For

<p><data:post.body/></p>

 

And REPLACE it with the following code.



<!-- /* *****************Tweak 1 for adding Read More ************* */ -->
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<!-- /* ******************************************************** */ -->
<p><data:post.body/>
<!-- /* *****************Tweak 2 for adding Read More ************* */ -->

<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>
<a expr:href='data:post.url'><br><strong>Read More &gt;&gt;</strong></br></a>
</b:if>
<!-- /* ********************************************************** */ -->
</p>




Now go to Settings=>Formatting. And scroll down to Post Template as shown below.

read more

In Post Template paste the code

<p align="justify">Type your summary here</p>
<span class="fullpost">
<p align="justify">Type rest of the post here</p>
</span>

 

Then Click Save Settings. Now whenever you create a new post, write the summary and then write the rest of the post.

read more1

Hope this helps.

This post was:

This entry was posted on Thursday, June 4, 2009 at 8:00 PM and is filed under , , , . You can follow any responses to this entry through the comments feed .

2 comments

Can you please help me with this same problem. Can I add the read more or multi pages in my blog too. I am using this same template but I am on wordpress.
Thank you very much.

ck lam
cklam99@gmail.com

June 18, 2009 at 12:29 PM

Hello, Jaideep, thank you for all the wonderful tips and solutions you are giving bloggers about this particular and difficult (yet very beautiful) template. I hope I am not repeating this question, as I have not seen it addressed in any of your Aspire posts, but I really like the upper box on top of the left and right sidebars, the one that looks like a wider sidebar and it contains the Google Adds. I would really appreciate it if you could show/tell me how to create one. I went to the template author's page and this question was already posted but he didn't want to give any instructions about it.

Thank you in advance. I realize this post is already a few months old but there was no other more recent post on the Aspire topic that I could comment on.

I've already used some of your tricks contained in the other posts and they have all worked out great, like the comment box, etc. If the wider sidebar on the top is a possible fix, I'd like to use it for a welcome message.

Thanks again.

Andrea

September 17, 2009 at 6:57 AM

Post a Comment

Post a Comment

Comment for encouragement