How to Create Hyperlink on Blogger Header

-
Today, I got this question in comment of my previous tutorial on How to Create Hyperlink on Blogger Post.

Barbara Fowlds L.Ac.: "Can I put a hyperlink in my header of my blogspot blog and if so how?"

My answer is Yes you can. And here's how to do it in the simplest newbie way.

Before that, I assume you may wanted to add this hyperlink on your Blogger Header Description because maybe you want to invite your visitor to your business website or any other sites you have. For example, I may like to invite my blog reader to read my art blog at http://artofapogee.blogspot.com and my blog description says something like this:

Feel free to visit Art Of ApOgEE Blog to see my arts and order some graphic design books

And now we wanna link that blue "Art Of ApOgEE Blog" to http://artofapogee.blogspot.com

This is the simplest way. You just have to copy paste and no coding . Here's the step:

  1. Open up New Post on you blogger, select Edit Html and type the words there:


  2. Select the text we want to link and create the link:

    Just follow the same way like we did in How to Create Hyperlink on Blogger Post.

  3. Select all text and copy:


  4. Open the Layout tab and Edit your header:


  5. Paste the copied text to your Blog Description and Save:



That's all, now you have the link on your Blogger Header Description. Enjoy coding and Happy Blogging!!





Comments

Barbara Fowlds L.Ac. said…
It worked like a charm although it took me a couple of reads because I hadn't even created a hyperlink yet. But THANKS YOU ROCK!!!!!!!!!!
November 18, 2009 at 12:26 PM
Need a used car? said…
Fantastic directions .... quick and easy. Thank you!
April 6, 2010 at 12:06 AM
Unknown said…
Ah Brilliant! Thank you so much :D
April 29, 2013 at 4:27 AM
Paul Adams said…
doesn't work for me - I get "Your HTML cannot be accepted: Tag is broken: A"
June 18, 2018 at 4:23 AM
Post a Comment

Popular posts from this blog

How to Create Hyperlink on Blogger Post

-
Image
Well, this time I make a basic simple tutorial. For all advanced geek who read this blog, please ignore this post... I just wanna help myself not to teach the same basic thing on every newbies friends that really need help. OK guys, back to the howto... There are two ways to create a hyperlink on your blog post. One is the simple GUI way and the other is coders way. I prefer the coder way as I can have more control on it. I like to teach by example. So, let say you wanna create a hyperlink on this line of words... You can go here to see my art blog where you wanna link the word "here" to the other page on your blog or on the internet. In this example, I wanna link it to my Art Of Apogee Blog post with the address: http://artofapogee.blogspot.com/2008/03/gimp-best-free-photoshop.html And here is how to do it using both ways... The simple GUI way If you rollover every button on your Compose toolbar, you can see one button called "Link" where the word Link will pop u
Read more

How to Add a Sudo User on AlmaLinux 9.2 (Turquoise Kodkod): A Step-by-Step Guide

-
Image
As a system administrator, one of the essential tasks in managing a Linux server is granting users administrative privileges through the "sudo" command. AlmaLinux, a robust and secure Linux distribution, follows the same principles as other CentOS/RHEL-based systems for managing users and permissions. In this tutorial, we'll walk you through the process of adding a sudo user on AlmaLinux 9.2.
Read more

How to Show and Hide Text in Blog Post

-
Image
I would like to share on how to make a Show/Hide text in your blog post. I'm sorry if I didn't explain detail enough because I want to keep my post short as I'm in a hurry. However, you can read the detail explanation on Blogger Help . In this example, I assume you have sub topics that you want to make it hidden until reader clicks on the headline. Without the show/hide trick, it would look like this... Title One This is the example text for title one. Title Two This is the example text for title two. Title Three This is the example text for title three. Here's my step to do this... Firstly, edit your template and add the following code in the CSS area. .posthidden {display:none} .postshown {display:inline} Then add the following javascript code on your blog template between the <head></head> tag. <script type="text/Javascript"> function expandcollapse (postid) { whichpost = document.getElementById(postid); if (w
Read more