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 class="logo">
<a href="http://www.uaf.edu"><img src="http://www.uaf.edu/uaf/images/head/UAFLogo-sm.png" alt="UAF logo" /></a>
</div>
<div class="uaf-name">
<a href="http://www.uaf.edu"> <img src="http://www.uaf.edu/uaf/images/head/UAF-name-ideal.gif" alt="University of Alaska Fairbanks" /></a>
</div>
</div>
<div id="tabs">
<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 id="searchfield" name="q" size="20" type="text" placeholder="Search Sites/Directory" />
<input align="bottom" alt="search" name="sa" src="http://www.uaf.edu/uaf/images/head/searchbut.gif" type="image" value="SUBMIT" />
</form>
</div>
<div class="clear"></div>
</div>
<!--End UAF banner code-->
Once you have done this, add the CSS code to your page as well.