Expandable Post Summaries

From Bloggerhacks

Revision as of 23:49, 21 June 2006 (view source) Jcmeloni (Talk | contribs) ← Previous diff		Current revision as of 11:16, 7 July 2008 (view source) Omarabid (Talk | contribs) (→Method)
(11 intermediate revisions not shown)
Line 1:		Line 1:
	==Platform==		==Platform==
-	For use with [[Blogger]] blogs.	+	For use with [http://www.blogger.com/ Blogger] blogs.
	==Author==		==Author==
-	* [[Blogger]] Team	+	[[Blogger]] Team
	==Homepage==		==Homepage==
Line 13:		Line 13:
	==Skill Level==		==Skill Level==
-	You must be comfortable with editing the CSS and template code in your [[Blogger]] template.	+	You must be comfortable with editing CSS and your [[Blogger template]].
	==Description==		==Description==
Line 23:		Line 23:
	==Method ==		==Method ==
-	* Enable Post Pages in your [[Blogger]] settings.	+	(See complete instructions at the [http://help.blogger.com/bin/answer.py?answer=898&topic=41 homepage].)
-	* Insert some conditional tags surrounding styles into the stylesheet portion of your [[Blogger template]].	+
-	* Insert some conditional tags surrounding HTML into the body elemen of your [[Blogger template]].	+
-	* Re-publish your blog.	+
-	* Surround some text with a specific <span></span> tag pair when you have extended text to include in your post.	+
-	==Sites Using This Hack:==	+	# Enable Post Pages in your [[Blogger]] settings.
		+	# Insert some conditional tags surrounding styles into the stylesheet portion of your [[Blogger template]].
		+	# Insert some conditional tags surrounding HTML into the body element of your [[Blogger template]].
		+	# Re-publish your blog.
		+	# Surround some text with a specific &lt;span class="fullpost"&gt;&lt;/span&gt; tag pair when you have extended text to include in your post.
-	* unknown	+	==Sites Using This Hack==
-	Edit this page to add your own link, or contact a site editor with information to be added in this area.	+	* http://themushroomhunter.blogspot.com/ Wild Mushroom Hunting Blog
		+	* http://navelgazingbullshit.blogspot.com/
		+	* http://visitformoney.blogspot.com/ visit for money
		+	* http://omar-abid.blogspot.com/ Spring Of Life
		+
		+	==See also==
		+	[http://www.editthis.info/bloggerhacks/Selective_expandable_posts Selective expandable posts]
	[[Category:Hacks]]		[[Category:Hacks]]
	[[Category:Expandable Posts]]		[[Category:Expandable Posts]]
		+
		+	[[Category:Blogger Classic]]

---

Current revision as of 11:16, 7 July 2008

Contents 1 Platform 2 Author 3 Homepage 4 Skill Level 5 Description 6 Method 7 Sites Using This Hack 8 See also

Platform

For use with Blogger blogs.

Author

Blogger Team

Homepage

"How can I create expandable post summaries?" in Blogger Help

Skill Level

You must be comfortable with editing CSS and your Blogger template.

Description

Use this hack to display a user-specified amount of text followed by a link to the post page. After this "teaser" text, users who want to see the rest of the post can click through to the post page, which includes all the text for your post.

The drawback of this method is that the "Read More" link (or whatever text you use for the link) is displayed in every post, not only the long ones. Thus, if you utilize this method but do not designate any "expanded" text, your readers will see the "Real More" link, click it, yet receive no additional text.

Method

(See complete instructions at the homepage.)

1. Enable Post Pages in your Blogger settings.
2. Insert some conditional tags surrounding styles into the stylesheet portion of your Blogger template.
3. Insert some conditional tags surrounding HTML into the body element of your Blogger template.
4. Re-publish your blog.
5. Surround some text with a specific <span class="fullpost"></span> tag pair when you have extended text to include in your post.

Sites Using This Hack

• http://themushroomhunter.blogspot.com/ Wild Mushroom Hunting Blog
• http://navelgazingbullshit.blogspot.com/
• http://visitformoney.blogspot.com/ visit for money
• http://omar-abid.blogspot.com/ Spring Of Life

See also

Selective expandable posts