Now what we have our code on the servicer, we need to add some code to the header. Now you will need to know what theme you using. If you change your theme you will need to make these changes again. Look in the folder for your current theme and find the “header.php” file. Now copy the file to you computer and open with a text editor. You can follow along the video if you wish.

You are going to look for the “</head>” statement in the code. Now look above it and will need to add this copy:

<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />

to your file. Now if you did as I did, then you will need to add “/the folder name/” to each of the lines above. I just copied the whole folder lightwindow to my root folder under my domain. So I needed to add “/lightwindow/” to each of the “scr” statements. Like this:

<script type="text/javascript" src="/lightwindow/javascript/prototype.js"></script>

Now save your header.php file and copy it back to your host.

In the next video will modify our post to use the new code!