Add Show - Hide Links in Posts
From Bloggerhacks
(Difference between revisions)
m |
|||
Line 23: | Line 23: | ||
==Method == | ==Method == | ||
+ | * Obtain [http://help.blogger.com/bin/answer.py?answer=897 styles, JavaScript, and template code]. | ||
* Insert styles into the stylesheet portion of your [[Blogger template]]. | * Insert styles into the stylesheet portion of your [[Blogger template]]. | ||
- | * Insert | + | * Insert JavaScript snippet into the head element of your [[Blogger template]]. |
* Insert template code into the body element of your [[Blogger template]]. | * Insert template code into the body element of your [[Blogger template]]. | ||
* Re-publish your blog. | * Re-publish your blog. | ||
- | ==Sites Using This Hack | + | ==Sites Using This Hack== |
* unknown | * unknown |
Revision as of 16:43, 24 June 2006
Contents |
Platform
For use with Blogger blogs.
Author
Blogger Team
Homepage
"How can I make show/hide links for my posts?" in Blogger Help
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 entire text of the post will become visible. Once added to your blog, this functionality will apply to every post. When clicked a second time, the post text will become hidden once more.
The drawback of this method is that all posts, regardless of their length, will be hidden behind the "show/hide" link (or whatever text you use for the link).
Method
- Obtain styles, JavaScript, and template code.
- Insert styles into the stylesheet portion of your Blogger template.
- Insert JavaScript snippet into the head element of your Blogger template.
- Insert template code into the body element of your Blogger template.
- Re-publish your blog.
Sites Using This Hack
- unknown
Edit this page to add your own link!