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
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
Ed-a-Torials @ Honey Bear Playhomes, Champion
Posted 11 years ago
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
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
No problem, I'm happy it worked out for you. Good luck with your sites.
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?
UK Duke, Champion
<!--
what you do is (in the text editor)
add your image
make it into a link
clcik html (small button in the top menu)
find <a href="http://example.com">
then add to it this so it now reads <a href="http://example.com" target="_blank">
that will do it - if you add more than 1 image change every <a href="http://example.com">
Lee. -->
what you do is (in the text editor)
add your image
make it into a link
clcik html (small button in the top menu)
find <a href="http://example.com">
then add to it this so it now reads <a href="http://example.com" target="_blank">
that will do it - if you add more than 1 image change every <a href="http://example.com">
Lee. -->
Duke, I am doing the best I can at matching everything in each widget pack, and it seems to be working well. I just ned to learn the system I guess! But now I have script problem as it shows font change in working page, but not in the preview page. Got another clue?
UK Duke, Champion
HI Kent - sorry for the late reply - im off line alot at the minute.
I'm not 100% sure what you mean - Are you using a text widget?
You change the font of text and its showing in the editor but not on the preview page or the published site?
A html widget reacts differently to a text widget - the editor does not apply to the CSS rules of the page. Thats maybe why you are seeing a difference - If you use a text widget to add and change text you should see the changes both in the editor and on the published page.
If your still having issues with it explain fully whats happening and i can ,maybe suggest something.
Lee.
I'm not 100% sure what you mean - Are you using a text widget?
You change the font of text and its showing in the editor but not on the preview page or the published site?
A html widget reacts differently to a text widget - the editor does not apply to the CSS rules of the page. Thats maybe why you are seeing a difference - If you use a text widget to add and change text you should see the changes both in the editor and on the published page.
If your still having issues with it explain fully whats happening and i can ,maybe suggest something.
Lee.
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...
UK Duke, Champion
<!--
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)
-->
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)
-->
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
The array that littleus described will overcome these problems and give perfectly aligned images. It's a gem
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!
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. :)
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. :)
UK Duke, Champion
@ed - Longest thread title ever award :)
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?
UK Duke, Champion
(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.
Lee.
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...