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.

Blogger screenshot image

<!--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.