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=""><img src="" alt="UAF logo" /></a>
    <div class="uaf-name">
     <a href=""> <img src="" alt="University of Alaska Fairbanks" /></a>
      <div id="tabs">
    <form action="">
      <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="" type="image" value="SUBMIT" />
      <div class="clear"></div>

<!--End UAF banner code-->

Once you have done this, add the CSS code to your page as well.