Thursday, January 24, 2008

How to create mouseover text for a link

SquirrleyMojo recently asked how to create a link with text that pops up when you're mousing over it. Luckily, this is easy, or I wouldn't be able to do it.

Let's say you want to put a link in one of your blog posts.

1) Find your URL and copy it
2) Highlight the text within the post you want to make into a link
3) Click the Link button
4) Paste in the URL and click OK

(Your link is done, you've done that part before - now the new stuff)

5) Click the 'Edit Html' link at the top right of the compose field
6) Find your link within the HTML - it will look like this:
7) You add in a little string of text that reads:
.....title="it's easy!" or whatever you want. Long sentences will be cut off, btw.

(I usually put this right after the 'a' and before the 'href' - be sure to space it out so no words run together - like so:


8) Publish the post! You're all done.

Probably too many steps for an average blogger - someday there'll be button for 'add mouseover text' but for now, there's this method.
.

3 comments:

  1. Great! It works but only for the first word. Please explain how to show a whole sentence or so. Tnx!

    ReplyDelete
  2. Tony - the method I described allows you to type in as much text as you like - the internet browser might have settings limiting how much is displayed, and I wouldn't be able to advise you there.

    ReplyDelete