Skip to main content

Links In The Title Cause Titles That Change Colour

One commonly used convention, in website links, uses hyperlinks that change colour when followed.

Look at the title of this post, Links In The Title Cause Titles That Change Colour. What colour is the title? Now, click on the title, and observe the colour. Next, look at the bottom of this post, and the Topics - "Fonts and Colors, Links, Settings, Settings - Formatting".

What you're seeing, in this exercise, are unvisited (called generally "links") and visited ("visited links") link captions. In this blog, normal text is black - and all links (unvisited, visited, and hovered) are red. Some templates will differ.

The concept of colour changes for link captions has been a web feature, since hypertext was invented.

Colour changes indicate to each reader which links have been already viewed.

Some blogs and websites, that use visited links with colour changes, indicate to you when you view text containing links that you have already followed. Unvisited links vs visited links become relevant here, because some blogs contain the permalink to the posts in the post titles.

This blog has the permalink behind the date, at the top (this post is dated "May 31, 2010"). Previously, the title contained the permalink.

When you are viewing a website that supports visited links, and you click on a link to this post, the link will change colour, in your browser. What you do won't affect other browsers.

If you clicked on a direct link to this post to get here, the title Links In The Title Cause Titles That Change Colour would have been purple. If you are viewing this blog having followed a link to the main page "The Real Blogger Status", or using a Topics link such as "Links", you may have seen a few post titles in blue.

Titles which contain links will change colour, as the blogs and posts are read.

With some blogs, you will see blog titles that change colour. Since this blog uses a custom graphic title, and a custom menu bar that contains a "Home" link, the title is not text, and does not change colour. Many blogs that use plain text titles and support visited links will exhibit the same colour change.

Also, with some blogs, both the blog title and posts titles may contain "smart links". With some blogs, you will have 3 relevant colour settings - links, visited links, and titles.

If you clear browser history, all links will reset to "unvisited" status and colour.

Note that I said, above
If you click on a link to this post, any link to this post changes colour, in your browser
This colour change is retained in the browser history settings. If you indiscriminately clear cache and cookies, you may also clear browsing history. If you clear browsing history, all links will change to unvisited colour. Note also that "visited links" have an expiry period, so you are encouraged to revisit links after the expiry period passes.

Use the Template Designer "Advanced" menu to set link colours.

If you wish to change the colours of the links in your blog, and the blog has a standard layout or designer template, you use the Template Designer wizard. The Advanced - Links menu, in most templates, provides 3 options - "Link Color", "Visited Color", and "Hover Color".

You have to choose colours carefully - both to complement, and to contrast.

The colour change will be a challenge when designing many blogs that use Designer templates, and use the complex colour palettes and patterned backgrounds. Using "links" vs "visited links" will necessitate careful choice of three colours - links, text, and visited links - that are simultaneously
  • Are readable, against the background.
  • Noticeable, but not glaringly so.
  • Visibly different from each other.
My final choice of "blue" vs "purple" colours for the links here, when I setup a Designer template for this blog, was not a 5 minute task. And even so, not all readers appreciate the colours used.

And now, with this blog using a new Blogger supplied "Responsive" class template, the text is black and all links are red.


*mb said…
my visited link do not expire ~ they stay visited no matter how many times I visit my website

and I've given up expecting Template Designer to set the link; visted link; hover colors to work with the colors I choose
Nitecruzr said…
If your visited links do not behave predictably, we need to diagnose the problem, in Blogger Help Forum: Something Is Broken.

Popular posts from this blog

Adding A Link To Your Blog Post

Occasionally, you see a very odd, cryptic complaint I just added a link in my blog, but the link vanished! No, it wasn't your imagination.

What's The URL Of My Blog?

We see the plea for help, periodically I need the URL of my blog, so I can give it to my friends. Help! Who's buried in Grant's Tomb, after all? No Chuck, be polite. OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Embedded Comments And Main Page View

The option to display comments, embedded below the post, was made a blog option relatively recently. This was a long requested feature - and many bloggers added it to their blogs, as soon as the option was presented to us. Some blog owners like this feature so much, that they request it to be visible when the blog is opened, in main page view. I would like all comments, and the comment form, to be shown underneath the relevant post, automatically, for everyone to read without clicking on the number of comments link. And this is not how embedded comments work.