WordPress Website Tutorials for Beginners

A few months back, I have written a tutorial about how to open a link in a new tab. This tutorial is almost the same but attend “how to open a URL in a new tab. It works just a little different than on my previous training.
When do you need this? Well, when you add forms to your website, you can link those to an extern website. Pop-up forms are extremely suitable for linking to other websites. But in a pop-up form, you can’t enter  “a href codes”. So you can’t use the link button on top of your toolbar.

open link in a new tab

That’s where this tutorial comes in handy.

As you can see here, this is the form of my exit pop-up.

 

Open an URL in a New Tab

When you enter an Http link in the box, it will not open in a new tab. I some cases it is not recommendable people leave your website premature.

Open an URL in a New Tab, add  “target=”_blank”

You can see it on the next picture how that is done.

Open an URL in a New Tab

This way you can let open every Http link into a new tab.

You can try it out on my exit pop-up, and see to which site it leads, and whilst you are there, you can scroll down and read if this info is something you like.

You can also add H2-H3 tags to the sentence  X Close this PopuP X  like this <h2>X Close this popuP X</h2> and the text will be enlarged.

Hope this tutorial helped you create your pop-up the way you want it to be.

Do you want to see more HTML code training?


Open an URL in a New Tab

Hope you liked this tutorial about “Open a URL in new Tab” and hope to see you back on one of my other training pages.
visit my profile page

affiliate disclosure
sharing is good for your health

(Visited 36 times, 1 visits today)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>