Making Expandable Blog Posts with Links

From Bloggerhacks

Revision as of 16:39, 15 June 2007 by 200.26.140.154 (Talk)

I really find this site very interesting, and it gives people a pleasure time! I really appreciate the creators of this website!

mature milf | mature lesbian seduces young girl | mature women in stockings | free mature women

I feel like a complete blank. That's how it is. I can't be bothered with anything recently.

teen asses | wife lovers | teacher student lesbian | teen sluts

Contents

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:

  1. Enable Post Pages in your Blogger settings.
  2. Obtain code from the instructions.
  3. Insert some conditional tags surrounding styles into the stylesheet portion of your Blogger template.
  4. Insert JavaScript snippets into the body area of your Blogger template.
  5. Modify specific styles for links, if you wish.
  6. Re-publish your blog.
  7. Surround some text with a specific <span></span> tag pair when you have extended text to include in your post.

Sites Using This Hack

Edit this area and add your own link if you are using this hack.

Retrieved from "http://editthis.info/bloggerhacks/Making_Expandable_Blog_Posts_with_Links"
Personal tools
FreshTags