Add Show - Hide Links in Posts

From Bloggerhacks

(Difference between revisions)
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 the CSS and your [http://help.blogger.com/bin/answer.py?answer=751&topic=39 Blogger template].
==Description==
==Description==
Line 23: Line 23:
==Method ==
==Method ==
-
* Insert styles into the stylesheet portion of your [[Blogger template]].
+
* Insert styles into the stylesheet portion of your Blogger template.
-
* Insert a snippet of JavaScript into the head element of your [[Blogger template]].
+
* Insert a snippet of JavaScript 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.

Revision as of 18:21, 23 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 the 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

  • Insert styles into the stylesheet portion of your Blogger template.
  • Insert a snippet of JavaScript 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, or contact a site editor with information to be added in this area.

Personal tools
FreshTags