Making Expandable Blog Posts with Links

From Bloggerhacks

(Difference between revisions)
(Sites Using This Hack)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
-
==Platform==
+
{{moved}}
-
 
+
-
For use with [[Blogger]] blogs.
+
-
 
+
-
==Author==
+
-
Original code by [http://nerdierthanthou.nfshost.com/  Amit Upadhyay], How-To by [http://nofancyname.blogspot.com Julie Meloni]
+
-
 
+
-
==Homepage==
+
-
 
+
-
[http://nofancyname.blogspot.com/2005/02/making-expandable-blog-posts-in.html Making Expandable Blog Posts in Blogger]
+
-
 
+
-
==License==
+
-
[http://creativecommons.org/licenses/by-nc-sa/2.5/ Creative Commons Attribution-NonCommercial-ShareAlike 2.5]
+
-
 
+
-
==Skill Level==
+
-
 
+
-
You must be comfortable with editing CSS and your [[Blogger template]].
+
-
 
+
-
==Description==
+
-
 
+
-
Use this hack to hide all post content behind a link.  When the link is clicked, the user will be sent to the post page, where the entire text of the post will become visible. The "read more" link will only appear on posts which have text marked up in a specific way, e.g. between specific <span></span> tags.
+
-
 
+
-
==Method ==
+
-
 
+
-
See detailed instructions at the [http://nofancyname.blogspot.com/2005/02/making-expandable-blog-posts-in.html homepage], but in general:
+
-
 
+
-
# Enable Post Pages in your [[Blogger]] settings.
+
-
# Obtain code from the [http://nofancyname.blogspot.com/2005/02/making-expandable-blog-posts-in.html instructions].
+
-
# Insert some conditional tags surrounding styles into the stylesheet portion of your [[Blogger template]].
+
-
# Insert JavaScript snippets into the body area of your [[Blogger template]].
+
-
# Modify specific styles for links, if you wish.
+
-
# 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==
+
-
 
+
-
* [http://nofancyname.blogspot.com No Fancy Name]
+
-
* [http://granolacrunchy.blogspot.com/ Crunchy Granola]
+
-
* [http://hapending.blogspot.com/ Happy Ending]
+
-
* [http://brightstarreignited.blogspot.com/ One Bright Star Reignited]
+
-
* [http://phantomscribbler.blogspot.com Phantom Scribbler]
+
-
* [http://pixnaps.blogspot.com/ Philosophy, Etc.]
+
-
* [http://playingschool.blogspot.com/ Playing School, Irreverently]
+
-
* [http://meayll.blogspot.com/ Reflective Ponderings]
+
-
* [http://dmorgen.blogspot.com Scrivenings]
+
-
* [http://sebew.blogspot.com/  Sendungsbewusstsein]
+
-
* [http://shakespearessister.blogspot.com/ Shakespeare's Sister]
+
-
* [http://thewebofbelief.blogspot.com/ The Web of Belief]
+
-
* [http://zerorezuk.blogspot.com/ Zero's World]
+
-
* [http://musings.about.foxtwo.cjb.net/ Elite's Musings]
+
-
 
+
-
Edit this area and add your own link if you are using this hack.
+
-
 
+
-
[[Category:Hacks]]
+
-
[[Category:Expandable Posts]]
+

Current revision as of 11:13, 22 September 2009

Bloggerhacks has moved!

Please visit

the Making Expandable Blog Posts with Links page at Wikia.
Personal tools
FreshTags