Stupidly Simple Cash Cow! Lightbox Technique Revisited, and it's FREE!
Some of you know this already and some don't so I wanted to tell a story about a lady and a lightbox that happened today.
If you want you can follow along and this post can serve as a tutorial you can use to serve your offline clients when the situation arises. Practice makes perfect
Holly asked me how to perform the technique of displaying a "Lightbox" over a saved web page. Holly wanted to show her client how she could integrate a lead capture form into her business clients website without disturbing the site at all.
So, I had her open her clients website in firefox. This step is important because you do not get all the same drop down menu options in each different browser.
Once she had the site open I asked her to hover her mouse over the background and not the main panel. Again,.. you will not get the same drop menu options.
In the drop menu I asked her to choose "Save Page As..."
When the save window pops up,.. I asked her to make sure the "save as:" section or file type was set to "web page,complete" and to just accept the file name that was auto populated in the naming field. I asked her to save this to her desktop for easy access.
When she saved she got 2 files. One was the html document and one was a folder with images. I made her aware that it was important to keep these files together in the same place to make this technique work when using it to show others.
I then asked Holly to right click on the html document and choose in the drop menu "open with" and I chose Notepad because it would display all the html coding. (Note: other applications do this but for the sake of simplicity I used the most common example)
I asked Holly to look in the source code in notepad and look for the <head></head> tags.
Once she found those I asked her to look for the opening body tag <body>
When she found the opening body tag, I asked her to look for the opening Div tag
<div align="center">
Then I asked her to observe the opening Table Tag
<table id="Table_01" width="1022" height="971" border="0" cellpadding="0" cellspacing="0">
I then asked Holly to place the lightbox java snippet she got from her autoresponder, in this case Aweber, between the opening Div and the opening Table tag.
To do this she placed her cursor at the end of the opening Div tag and pressed enter on her keyboard to open a space to place the lightbox java snippet.
She then copied and pasted this example snippet into the space opened
<script type="text/javascript"
src="http://forms.aweber.com/form/79/47505179.js"></script>
__________________________________________________ _________
<html><!-- #BeginTemplate "/Templates/template.dwt" --><!-- DW6 -->
<head>
<title>Removed for anonimity</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
font-family: verdana, sans-serif;
font-size: 12px;
color: #002211;
}
body {
background-image: url(images/back.jpg);
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<script type="text/javascript"
src="http://forms.aweber.com/form/79/47505179.js"></script>
<table id="Table_01" width="1022" height="971" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="19" rowspan="3" background="http://www.warriorforum.com/images/template_01.png"> </td>
<td width="558" bgcolor="#002211"><a href="index.html"><img src="http://www.warriorforum.com/images/template_02_logo.jpg" width="558" height="87" border="0"></a></td>
<td width="426" background="http://www.warriorforum.com/images/template_02_menu.jpg" bgcolor="#002211"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">
__________________________________________________ __________
At this point I asked Holly to save the page. I then asked her to right click on the html document and go back to "Open With" and choose a browser she liked.
The browser came up, and 5 seconds later the Lightbox faded in and she had a working example to show her client.
Chris Endres
~Dave
~Dave
~Dave
~Dave
BJ Cephas
CPA SECRET$: ⢠C.L.A.$.$. = FREE ADS For CPA! or ⢠"Clean up" CPA OFFERS WITH 'S.O.A.P'!
PAY PER CALL: ⢠Backlink Domination For Pay-Per-Call!