Na maioria das vezes, aquela caixinha não funciona, serve só pra enfeite, mas pra quem quiser, é assim que coloca:

• Cole o seguinte código no seu CSS (entre <style> e </style>):

.search {margin: 7px 0px 0px 0px; padding: 0px;}

.search input{font-family: #888888; border: none; background-color: #fff; color: #888888; font-size: 11px; text-transform: none; text-align: right; padding: 5px; width: 270px; opacity: 0.6; filter:alpha (opacity=60); }

Obs: o width: 270px; é a largura da caixinha, se quiser maior, aumente e se quiser menor, diminua.

• Cole esse código aonde quer que a caixinha apareça:

<div class=”search”>

                <center><form action=”/search” method=”get”>

                    <input type=”text” name=”q” value=”search” onfocus=”if (this.value == ‘search’) {this.value

= ”;}” onblur=”if (this.value == ”) {this.value = ‘search’;}”/>

                </form></center>

            </div>

Não se esqueça de trocar as aspas e nos creditar.

{Laura}