Most of the Blogger users normally have 1 question, my articles too long, make the page need scroll down long way, can I put “read more” function on each my article?
The answer is Yes. Although Blogger don’t have this feature, but still can have this function. What you need is just put some codes into your template.
1) Go to Layout > Edit HTML. If you afraid get wrong, backup your template first. Click on “Download Full Template” to backup your template.
2) Under “Edit Template“, tick “Expand Widget Templates“.
3) Find <data:post.body/>
4) Put this code on top of the <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5) Put the second code below the <data:post.body/>.
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

6) And “Save Template“.
7) Go Setting > Formatting. Scroll down to “Post Template“. paste this code into the field box.
<span class="fullpost">
</span>

8) “Save Setting”
9) Go Posting > Create. Click on “Edit Html” view. You will see the code <span class="fullpost"></span> in the post area. Put the content you want to read after read more in between <span class="fullpost">The content start after read more.</span>

10) Publish the post to see the result.
If some article you don’t need read more, just delete the code <span class="fullpost"></span> in the post area.
Enjoy your blogging.
5 Responses
Daniel
July 1st, 2008 at 8:58 am
1I read similar article also named add read more function in Blogger | Internet Business and Web Design, and it was completely different. Personally, I agree with you more, because this article makes a little bit more sense for me
Dwight
October 6th, 2008 at 5:12 am
2Do you know if this script will work on the new blogger or is it only for the classic version? I tried using this script on the customize version and I received some parse error messages (parsed as it is not well-formed).
Thank you,
http://how-to-get-rid-of-old-acne-scars.blogspot.com
boey
October 6th, 2008 at 8:13 am
3hi,
may i know what the error messages u got?
thanks!!
boey
annie
October 18th, 2008 at 10:15 pm
4your steps are easy to follow but I got an error message too. When trying to save the template it gave me:
” Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “cond”.
I appreciate your time and help. thanks
boey
October 18th, 2008 at 10:57 pm
5hi annie,
sorry, the ” ‘ ” code change in the Wordpress.
already update the code. SORRY for the inconvenient.
thanks!!
-boey-
RSS feed for comments on this post · TrackBack URI
Leave a reply
Translator
Categories
Pages
Friends
My Social Sites
Build Your First Money Making Website In 10 Minutes
Sick of PayPal? Check out these e-commerce solutions for business owners
Only $6.95 / Month
Affordable Hosting for home business & small business
Scoutle.com
WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.
Recent Posts
Recent Comments
Archives
Copyright © 2008 eBizNet2U
Internet Business and Web Design is proudly powered by WordPress. Original theme by BloggingPro : DesignDisease