Today is . Page created 03/12/06, updated 05/28/06

Frame           Frame Branding           Branding Iron

F rame branding allows you to open other sites in a new window while retaining the branding for your site in a frame. The branding frame can be either rows (rows) or columns, (cols) easy!
[ Google (with rows branding) ]   [ Google (with cols branding) ]

W e have tested the code in IE6.0, Firefox1.5.0.1, Opera8.52, Netscape7.02, Netscape8.0.4 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and javascripts, this is an easy two part copy and paste code that goes in both the <HEAD> and <BODY> sections of your document. The third part is a new page (document) you need to make with your branding on it to appear in the frame. Even though the effect does in fact open another page in a <frameset>, (so to speak) you do not need to have a working knowledge of <frames>, in order to make this effect work.

Step One gets pasted into the <HEAD> section of your document with only one possible reconfiguration. This being the percentage (%) you want the frame to open with your "Branding".

<!-- Begin
percent = "10%";
function frameBranding(actualurl, brandingurl, frametype) {
var framewin = window.open("","brandingframe");

T his setting you can play around with until it has the look and feel of what you want.

For Your Information For your Information:     All the "Branding" actually is or does is to have a little message in a separate frame that when you open a link (new window) that is not in your domain, it tells your visitors to just close that window and you do not have them taken away from your site.

Step Two are the link(s) you paste anywhere within the <BODY> section you want this "Branding" effect to appear. You must configure each link separately as to either cols or rows, URL that you are linking, etc.

Code For Rows

<a target="_new" href="URL You Are Linking" onClick="return frameBranding
('URL You Are Linking', 'URL to your branded page', 'rows');">Name Of Link Here</a>

Code For Cols

<a target="_new" href="URL You Are Linking" onClick="return frameBranding
('URL You Are Linking', 'URL to your branded page', 'cols');">Name Of Link Here</a>

I f the above is a little confusing, "No Problem". We will elaborate more below for you to see where the different URL's will be added.

<a target="_new" href="http://www.google.com/" onClick="return frameBranding
('http://www.google.com/', 'Page you built with your message', 'rows');">Google</a>

T he last thing you will notice in the above codes is either the cols of rows. This tells the code weather to open the frameset with your "Branding" (page you built with message) with it in:
cols (top of page from left to right) or
rows (from top to bottom left side).

Y ou can add as many or as few links with this effect as you need. As silly as this may sound but it has been asked. You only need to place the <HEAD> section of code in the <HEAD> section of your document once. No matter how many links you add this effect to. The percentage (%) that will be visible will be the same for as many links as you have. It can not be different in each link.

Note Of Importance Note of Importance ~ In reference to adding a different message in each link. You can do this but it entails making separate pages for each message and reflecting this in each individual section of code that goes in the <BODY> section.

Step Three This is where you make a new document with your message. This will appear in the frame to tell people they are not in your domain and all they need to do is close that window to return to your site. This page URL is placed in the below section of code.

<a target="_new" href="URL You Are Linking" onClick="return frameBranding
('URL You Are Linking', 'URL TO YOUR BRANDED PAGE', 'rows');">Name Of Link Here</a>

Note Of Importance Note of Importance ~ This part of the code makes use of both the quotation mark " and the apostrophe '. "Do Not" mix them up or delete one by accident or the effect will not work and you will wonder why.

Note Of Professionalism Note of Professionalism in reference to the level of professionalism in regards to the branded frame. It elevates your site's level of professionalism by adding the little "Close Window" link on the branded frame page. It may not seem like much but little things such as this stick in people's minds as a little convenience not required but done anyway. Below is the code for the text link which can placed strategically within your message.

CLOSE WINDOW LINK

<a href="javascript:top.window.close();">Close This Window</a>

Close This Window

I f you would like to see our complete HTML code for the "Branded" page, grab the below link and you are there. Feel free to copy it and use it for yours.
[ HTML For Our Branded Page ]

For Your Information For your Information:     With any link you have this effect associated with, you can go to as many links on the linked to page and the "Branding Frame" will still be there. This acts as a reminder telling your guest to return to your site all you need to do is close this window.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]