UA Rough Draft for popups
So, you wanna learn how to harness the power of the popup? Well, you’re in luck!
This easy walk through guide will help you learn how popups can help draw attention to different ideas on your website.
A popup window is a separate browser window that is diverts from the main page. They are a popular tool in marketing and can help draw attention to different announcements, themes, or ideas on your web page. The goal of this tutorial is to help you get a basic idea of how to make your own popup.
Before we begin, you need to have a basic understanding of HTML coding to understand how to build a popup. The rest is really easy!
First Page: How to make a popup page:
First step, copy this script into the <HEAD> section of your page: Screen Shot! (we will use one here).
Step two, you want your homepage to be your popup or maybe an ad you created for something. All you need to do is add this line of code to your body.
<body onload=”popup(‘myad.html’, ‘ad’)”>
Where it says myad you should put in your own destination.
Step 3: Want to adjust the width and height of your popup?
To change the width and height you need to adjust the numbers that are in underlined.
Window.open(href, windowname, ‘width= 400,height= 200,scrollbars=yes’)
Step 4: Want to add a toolbar?
window.open(href, windowname, 'width=400,height=150, toolbar=yes,scrollbars=yes')
Step 5: What if you want your popup to stay open after the user closes out the page!
To get your popup to close after you are done using the window. If you would like it to stay open then you should say no where it says yes.
window.open(href,windowname,'width=400,height=150, dependent=yes ,scrollbars=yes')
Step 6: What if you want a full screen popup!
You should then use this tag for full window popup.
window.open(href, windowname, ' ,type=fullWindow,fullscreen ,scrollbars=yes');
Second Page: What is it good for?
We will explain what kinds of things popups are useful for.
Third Page: Why did we chose to do a popup?
We believe that popups are very effective tool that will draw attention to your site, but also add a level of knowledge that will enhance the degree of difficulty of your site!