Platform[]
For use with Blogger blogs.
Author[]
Original code by Amit Upadhyay, How-To by Julie Meloni
Homepage[]
Making Expandable Blog Posts in Blogger
License[]
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 homepage, but in general:
- Enable Post Pages in your Blogger settings.
- Obtain code from the 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[]
- No Fancy Name
- El Mundo como yo lo veo
- 5Memes
- Crunchy Granola
- Happy Ending
- One Bright Star Reignited
- Phantom Scribbler
- Playing School, Irreverently
- Reflective Ponderings
- Scrivenings
- Sendungsbewusstsein
- Shakespeare's Sister
- The Web of Belief
- Zero's World
- Elite's Musings
- Diary of a Crossword Fiend
- Thoughts on Freedom
- Maior Autem His Est Caritas
- Busqueda
- Salad Days
- Groovy Gallery Girl
- Icehouse Center
- Milliways Lounge (in Portuguese)
- Views Outside the Compound
- Gas Bandit Gaming
- Viajar Cool
- Letters of Thought
- Words Grouped Together
Edit this area and add your own link if you are using this hack.