This post is for those very new to HTML, but want their hyperlink to open in new window or tab. I have already published a short post How to make links open in new windows but apparently there are some who still have problems understanding: "I'm not very tech savvy and I tried your solution, the code you provided, with the website taking the place of the word "Description" correct?" so let's try to make the instructions and explanation clearer.
First, an explanation about anchor text (that is what I called DESCRIPTION above). That is some text in your post that you want highlighted (normally blue). For example, I want these text: Make active (clickable) links in post and comments to link to another of my post on hyperlinks. So I highlight those text by clicking and dragging the mouse over those text (see screen shot below):
These text is know as the anchor text. After highlighting the anchor text, click on the "insert link" icon
and a pop-up will appear where you are asked for the URL of the webpage you want the anchor text to be linked to:
Type or copy-paste the URL of the webpage you want to be linked to, click OK and if you are in the EDIT HTML mode, you will see the highlighted text being replaced by the hyperlink tag as follows:
<a href="http://www.bloggertipsandtricks.com/2006/09/how-to-make-links-open-in-new-windows.html">How to make links open in new windows</a>
Now if you want that hyperlink open in new window, all you have to do is to edit the hyperlink tag by adding target="_blank" as shown below:
<a href="http://www.bloggertipsandtricks.com/2006/09/how-to-make-links-open-in-new-windows.html" target="_blank">How to make links open in new windows</a>
After this, I hope you now understand fully what is meant by hyperlink, anchor text and how to make hyperlink open in new window or tab.
20 comments:
gosh! this was what i've been trying to do for the past few days!! talk about cosmic alignment! now i have my answer :) thanks peter!!
Hi, I know this comment is not related to the post...but I have tried to add you to my technorati favorites and it didn't work :-( I used the button on your site and I also add favorite url on my technorati site..nothing worked. But I will try it again....Your posts are very helpful!!
This, All about graphic header, is an old post, but please read it first and if it doesn't satisfy you, comment again to remind me.
You rock! This totally worked. Thank you for helping me out. It's cool that helpful people like you are available!
For Vero,
If you are referring to the Technorati button just above my profile in the left sidebar, I just tested it and it worked OK. Please try again. And thank you for trying to add me as your Technorati favorite.
Hi...I tried again..I also found your profile on Technorati to click on button "Favorite it" that is usually below authority...but it wasn't there. I don't know. May be there is something wrong on my site. I will try to sort it out. ;-)
ok.....you are there..took a bit of clicking though..Honestly since I have started (2+ months ago) I have learned a lot...All kinds of problems, like the technorati one, are the best teachers :-)
Keep up!!
I found your blog helpful to me , am newbies on blogging
النداوى
If you are trying to make links in comments open in new tab/window, unfortunately Blogger does not allow that.
I love your website. I am always searching for ways to do differnt things w/ blogger and I can always find and easy and simple answer here! Love it!!
Thanks for your kind words Mama
Just wanted to say Thank you, Thank you, Thank you. It was so super easy. This was the first time I ever tried it and it was a piece of cake thanks to your simple instructions. :-)
a href="http://www.bloggertipsandtricks.com/2006/09/how-to-make-links-open-in-new-windows.html">How to make links open in new
hiii i enjoy this with my favorite cigar online
Thank you for creating this - very helpful!
Can you tell me how to make photos open up to the larger image in a separate window?
Thanks!
Sandra
Just look for <a href="...." and add the attribute target="_blank" anywhere before the matching closing tag > or to make explanation, target="_blank">
Sandy or Sandra,
Sandy, check this out first - Testing Blogger image upload to open in new window and leave a comment again.
Just wondering if there is a way to permantly make this available for all links on your blog? I would love it for every link, photo and such that I put up opens in a new tab, window. Thank you very much in advance. You guys are life savers.
I don't think making every link open in new window is a good idea. For example, for me, those that link to the same blog don't open in new window.
Post a Comment