Banner Code for Blogger
Copy the following HTML code (between the lines) and paste into your blogger template code window immediately following the opening BODY tag. <BODY>
Make sure there is no code between the BODY tag and the code for the banner.
<!--Begin UAF banner code-->
<div id="banner_container">
<div id="uaf_logo">
<div id="tabs" align="right"><a href="http://www.uaf.edu/uaf/atoz/" class="searchlink">A to Z</a>
<script src="http://www.uaf.edu/uaf/js/searchfield.js" type="text/javascript"></script>
<!-- Google CSE Search Box Begins -->
<form action="http://search.alaska.edu/search">
<input name="client" type="hidden" value="www_uaf_edu_frontend"/>
<input name="proxystylesheet" type="hidden" value="www_uaf_edu_frontend"/>
<input name="output" type="hidden" value="xml_no_dtd"/>
<input name="site" type="hidden" value="collection_www_uaf_edu"/>
<input type="text" name="q" size="18" id="searchfield" />
<input name="sa" type="image" value="SUBMIT" src="http://www.uaf.edu/uaf/images/head/searchbut.gif" alt="search" align="bottom" />
</form>
<!-- Google CSE Search Box Ends -->
<br />
</div>
<a href="http://www.uaf.edu/"><img src="http://www.uaf.edu/uaf/images/head/banner1.gif" alt="University of Alaska Fairbanks" name="banner1" width="358" height="56" border="0" align="bottom" id="banner1" /></a> </div>
</div>
<div id="custom-banner"> </div>
<!--End UAF banner code-->
Once you have done this, add the CSS code to your page as well.