Keep your visitor on your site instead of letting someone else have them by the clicking of your external links, ads or images. This code allows you to retain at least one of your pages open on their screen at all time.

  • 5
  • Idea
  • Updated 10 years ago
I had been meaning to post this for some time now and had a free couple of hours so thought I would share them all in one place. I hope you enjoy. Feel free to test my links page as pretty much all of the external links are done like this.

This tutorial is so that your external links don't take your visitor away from your site and onto some other. You got them and deserve to keep them. This bit of code is more cross browser friendly than some of the others out there.

For a link in a text widget follow the below steps to link off your site but keep your site open

1) Highlight the text you wish to turn into a link
2) Then select the link button in the toolbar
3) Place the URL you wish to link to in the (external) URL box
4) Click OK
5) Click in the text box once to free the previous highlight which has gone from blue before the link addition to grey after. Sometimes if you don't do this the text will stay grey so I just learned to take the extra step.
6) Highlight the text once more
7) Click the HTML button in the toolbar
8) Insert the " target="_blank" exactly where shown

" target="_blank"

+

h.......ttp://yourlink.com">YOUR LINK

=

h.......ttp://yourlink.com" target="_blank"">YOUR LINK

9) Click "OK"
.
.
.
.
.
.
For an images widget follow the below steps to link off your site but keep your site open

1) Drag an image widget onto your page
2) Select your image from your file manager and either double click or click on the image once and then click "OK"
3) Once it has appeared on your page if it does not have the red border click on it once to show the red border
4) Click the "Properties" tab in the "Content Sidebar"
5) Scroll down until you see the "Choose a link" button then click it
6) Combine your URL and the code below

" target="_blank"

+

h.......ttp://yourlink.com

=

h.......ttp://yourlink.com" target="_blank"

7) Highlight the entire new URL and paste it into the URL "External" box
8) Click "OK"

Of course take out the dots between the h & ttp but you get the idea and your viewer will never wind up being redirected off of your site.
.
.
.
.
.
For a text widget image follow the below steps to link off your site but keep your site open

1) Drag a text widget onto your page
2) Click once on the text widget (Keep in mind that if you don't click on the empty box at least once and hit enter you will have your image flush with the left side of the box and you will not be able to move your image to the right. I have always clicked the box and hit enter at least once so that I have room to click the blank space and hit enter a few times to position my image).
3) Click on the image button in the toolbar
4) Select your image from your file manager and either double click or click on the image once and then click "OK"
5) Once it has appeared on your page click once on your image and you will see a border with eight dots
6) Click on the links button in the toolbar
7) In the URL "External" box insert the URL you wish to link to
8) Click "OK"
9) Click once on you image
10) Click the HTML button in the tool bar
11) You will see something like this

h....ttp://yoursite.synthasite.com">

12) Just add the following exactly where shown after the URL

" target="_blank"

+

h....ttp://yoursite.synthasite.com">

=

h....ttp://yoursite.synthasite.com" target="_blank"">

I have added dots to disable the URL in the post.
.
.
.
.
.
I hope that this helps keep at least one of your web pages open at all times and that your viewer stays where you want them... On your site.

Word of caution though... Don't alter the link of an affiliate network ad, banner or link unless they allow it. When you generate the codes in most affiliate networks you can select a box to have this code inserted automatically without the need to edit.

Happy site building
Ed
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
  • confident

Posted 10 years ago

  • 5
Photo of gamedemon

gamedemon

  • 216 Posts
  • 22 Reply Likes
very true, you definitely want your external links opening in a new page.

and since we're on the topic of links, some might find it interesting to know how to give your links title boxes

if you want to add a title box to your link, just add title="your title"

So for example:

http://webmasteruniversity.synthasite..." title="Webmaster University" target="_blank">Webmaster University

Will look like this:

Webmaster University

Mouse-over the link and notice the white box with the words "Webmaster University", and also how it opens in a new window

(By the way, Webmaster University is my newest project. there are still a lot of bugs that i am working on. But check out the html tutorials page which i wrote myself)

i hope that helps someone
Photo of gamedemon

gamedemon

  • 216 Posts
  • 22 Reply Likes
oh, and if someone out there is completely lost and is still having trouble learning how to make links, i found a link generator at http://www.htmlbasix.com

Click here to use the link generator!!

(I made this link with the generator)

you should learn how to make links your self, but until you do, this will help
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Don't forget our SynthaSite tutorial on Creating Linkshttp://www.synthasite.com/tutorials/c...

Great tutorial as always ed. I should mention however, that the jury is still out on the wisdom of making your links open in a separate window. See http://www.sitepoint.com/article/bewa... for an excellent article by a leading expert in the field.
Photo of debbie

debbie

  • 12 Posts
  • 0 Reply Likes
This is the best news I have heard in quite some time. I am going to try it on my email link. This is a happy Thanksgiving after all. I do hope your's is as well.
Photo of Casey Stubbs

Casey Stubbs

  • 222 Posts
  • 6 Reply Likes
Game demon

I just wanted to thank you for the information on how to create a nabble forum and the forum you made you posted a while back. It helped me make mine. I have a forum on my site however you can't see it because the page is password protected because the forum is a school and you have to sign up to get to it. It is working well for me though.

Casey Stubbs--Winners Edge Trading
Photo of gamedemon

gamedemon

  • 216 Posts
  • 22 Reply Likes
No problem, I'm happy it worked out for you. Good luck with your sites.
Photo of some kool guyz

some kool guyz

  • 57 Posts
  • 1 Reply Like
ummmmmmm dont understand it... :( please explain.
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello,
Can you tell me a bit more about what part of this thread you are having trouble understanding and I will try to help.

Kind Regards,
Emmy
Photo of some kool guyz

some kool guyz

  • 57 Posts
  • 1 Reply Like
well i want a new window to open up, i got a close window button but i still dont understand how to make the window pop up, i have tried HTML BASIX.com but it said there is an errer in your code. :( im not that good with HTML. all the replys i have seen are abit to complicated or it says the code is wrong :(.

al
-Digital Disc Makers-
Photo of Kent T Carter

Kent T Carter

  • 230 Posts
  • 3 Reply Likes
I get it to work as a seperate picture widget, but when I combine several pictures into one text widget, they want to share the external URL and does not open a new window. Hard to understand yout link you type for this, can it be clearified?
Photo of Kent T Carter

Kent T Carter

  • 230 Posts
  • 3 Reply Likes
It is in a text widget, but I have to copy html for the one that was right to get the others to eliminate the spaces between lines. Seems the is a hidden character inserted with each text widget that if you do not delete, adds space. I do not understand why an empty widget is not really empty! But I am gettin there little by little, see- http://www.ac-monkeywrench-models.yol...
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!--

all text widgets start with a <p></p> - thats just the way they work.

Also in some styles when you press the enter key it gives you a wider line space than perhaps you would like - this can be overcome by holding the 'shift' key when you press 'enter'.

If you add a text widget then straight away clcik html you will see there is already <p></p> - If its effecting the space at the top of the widget you could delete this.

Hope this helps - Lee. (PS. the shift keys are the ones with the little up pointing arrows)

-->
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
This is a know problem Kent. Stacked and aligned widgets are not so easily aligned.

The array that littleus described will overcome these problems and give perfectly aligned images. It's a gem
Photo of Kent T Carter

Kent T Carter

  • 230 Posts
  • 3 Reply Likes
I looked this over and is all html. I am not so good at coding and I need to add links and many items on some pages. This would be a very big code page!
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I understand Kent,

It is important to be confident when you have a large project. Otherwise you're going through the whole process with a doubt and fearful that you will have to repeat it after. :)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
@ed - Longest thread title ever award :)
Photo of Kent T Carter

Kent T Carter

  • 230 Posts
  • 3 Reply Likes
When I add the HTML, it opens in another widget box. I want the banner to be the link, yet forward to another tab. How to?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
(do you mean the top page banner? - you can not edit the banners html only the image. You could suggest it to Yola as a feature if you feel it would help you.

Lee.
Photo of Kent T Carter

Kent T Carter

  • 230 Posts
  • 3 Reply Likes
Well, I got what I wanted by, first sizing the banners in irfanview, then doing seperate two column insets with picture inserts in those. Which for some reason compacts the page even more that having mulitiple images in a single text insert! Check it out here: http://www.american-connections.yolas...