Odd thing is, I answered this question with the html for the link, but tumblr auto erased it. Time for a mini tutorial.

If this isn’t what you are looking for, do a tag search for “tumblr help” and there should be a recent post about adding customized links if your theme supports them.

The html to add the link to your page would look like this:

<a title="Check it out!" target="_blank" 
href="http://with-stardust-and-wanderlust.tumblr.com/tagged/100+facts">
100 Facts Link Text</a>

When it shows up on your blog, it will look like this:

100 Facts Link Text

Code breakdown:

  • title - This is the tooltip that will display when the link is hovered
  • target - This is the action when the link is clicked. “_blank” opens the page in a new window. “_self” opens the page in the same window. If target is not used, the page will open in a new/same window or new/same tab as set by default for the user’s browser.
  • href - This is the URL for the link. If you want your blog link to display all of your posts for this tag, use your blog name (shown). If you want to show all of the posts on tumblr for that tag, you would use tumblr’s url. Using 100 Facts for the href, it would look like this: “http://www.tumblr.com/tagged/100+facts”

I think the rest should be fairly self-explanatory. Make note of the quotation marks, they are important. The key to tags that consist of more than one word is to use plus (+) signs instead of spaces to tie the words together.

I hope it helps. As always, ask if you have questions or need more help. Cheers!

  1. ohnemitleid reblogged this from damonsbutt and added:
    Odd thing is, I answered this question with the html for the link, but tumblr auto erased it. Time for
  2. ohnemitleid answered: 100 Facts Link where your blog name is..um..your blog name. Work for you?
  3. damonsbutt posted this

Welcome to my CSS Toy Box

This is where I test CSS toys. You are currently looking at a variant of Steven Bradley's 3 Column CSS Layout.

This Simple Auto-Playing Slideshow might move a bit fast, but each slide either contains a link or actually is a link. There is a wee bit of jquery in use for the slideshow to function.

The Title is a good example of a CSS Toy. Blurred text changing to 3D Text with a CSS timed transition.

Initially all I wanted was to create Post Drop-Shadows without using images. This rapidly grew into something else.

I've seen a lot of fancy tricks for links, but most of them required javascript or some variant. I wanted a pure CSS Slider menu, hopefully one that allowed images.

Please take a look around. There are lots of little things I have toyed with, from the rounded inner corners of the avatar frame to the linear gradient background with a semi-opaque "noise" filter overlay.

I'm trying to utilize what I have learned, not just post links to what you might be able to do with CSS. Enjoy!