html + instructions for searchbox

1. paste the script under <head>:

<script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>


2. the css (for changing the appearance) of the search box, before </style> *if you need help, just contact me*:

#box {
    width: 158px;
    background: #fff;
    margin-top: 0px;
    margin-left: 0px;
}

#search {
    border: 1px solid #000;
    position: fixed;
    width: 171px;
    height: 12px;
    font-size: 9px;
    padding: 2px;
    padding-left: 5px;
    color: #ddd;
    margin-left: -10px;
    margin-top: 70px;
}

#button {
    position: fixed;
    margin-left: 153px;
    padding: 0px;
    margin-top: 71px;
    background: #eee;
}


3. put this code in the html according where you want the searchbox to appear, after <body> *please only change what is in capitals*:

<div id="box">
        <form onsubmit="return tagSearch(this)">
            <input type="text" id="search" name="tag" value="TEXT GOES HERE" onfocus="if (this.value == '') {this.value=''}" onblur="if (this.value == '') {this.value=''}">
            <input type="image" id="button" src="IMG URL GOES HERE" value="Search">
        </form>
        </div>
</div>