Twitter Search es una herramienta utilísima. Podemos incluir una caja de búsqueda que nos permita recabar información en Twitter desde nuestro blog. El código sencillo sería así:
<form action="http://search.twitter.com/search" method="get"><input id="searchBox" autosave="com.twitter.search" name="q" size="25" results="10" type="search"/><input value="Buscar en Twitter" type="submit"/></form>Recordemos ahora aquella
Caja de Búsqueda 4 en 1 donde podíamos conseguir resultados para búsquedas en el
Blog, en
Google, en
Blogger y en
Technorati. Dado que Technorati ha muerto (o eso pareciera), he sustituido esa forma por la de
Twitter Search. Tenemos pues una nueva Caja 4 en 1 extremadamente útil.

Copia y pega el siguiente código en un elemento HTML /Javascript y colócalo en un lugar bien visible de tu plantilla. Si ya tenías añadida la caja 4 en 1 previamente, ésta es la única parte que necesitas cambiar.
<ul>
<li id="li-h" class="pm-search-selected" onclick="selectH()">Aqui</li><li id="li-t" class="pm-search-unselected" onclick="selectT()">Twitter</li><li id="li-g" class="pm-search-unselected" onclick="selectG()">Google</li><li id="li-b" class="pm-search-unselected" onclick="selectB()">Blogger</li>
</ul>
<div id="pm-search-h">
<form action="http://lablogueria.blogspot.com/search" method="get">
<input id="pm-f-h" value="" name="q" size="15" type="text"/>
<input value="Buscar" type="submit"/>
</form>
</div>
<div id="pm-search-t">
<form action="http://search.twitter.com/search" method="get">
<input id="searchBox" autosave="com.twitter.search" name="q" size="15" results="10" type="search"/>
<input value="Buscar" type="submit"/>
</form>
</div>
<div id="pm-search-g">
<form action="http://blogsearch.google.com/blogsearch" method="get">
<input id="pm-f-g" value="" name="as_q" size="15" type="text"/>
<input value="Buscar" type="submit"/>
<input value="lablogueria.blogspot.com" name="bl_url" type="hidden"/>
</form>
</div>
<div id="pm-search-b">
<form action="http://search.blogger.com/" method="get">
<input id="pm-f-b" value="" name="as_q" size="15" type="text"/>
<input value="Buscar" type="submit"/>
<input value="lablogueria.blogspot.com" name="bl_url" type="hidden"/>
</form>
</div>
Vamos a la edición HTML de la plantilla. Busca ]]</b:skin> y añade antes:
/** css for the search box */
div#pm-search ul { /* unordered list */
margin-top: 0;
margin-right: 0;
margin-left: 0px;
margin-bottom: 5px;
padding: 0;
}
div#pm-search li { /* cada elemento de la lista */
list-style-type: none; /* no editar */
display: inline; /* no editar */
cursor: pointer; /* no editar */
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
margin-left: 0px;
text-indent: 0px;
padding: 0;
}
div#pm-search form { /* formulario de busqueda */
margin: 0;
padding: 0;
}
div#pm-search-h {
display: block; /*no editar */
}
div#pm-search-g,
div#pm-search-b,
div#pm-search-t {
display: none; /* no editar */
}
div#pm-search input { /* caja de texto y boton submit */
background-color: transparent;
border: 1px dotted #999;
color: #999;
}
.pm-search-selected { /* servicio de busqueda seleccionado */
color: #999;
border-bottom: 1px dotted #999;
}
.pm-search-unselected { /* servicios de busqueda no seleccionados */
color: #777;
border-bottom: 1px dotted #777;
}
Este es el CSS de la caja, cuyos valores puedes modificar a tu gusto.
Por último, añade esto justo después de ]]</b:skin>:
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Javascript functions for the search box
* made by PurpleMoggy :)
* http://purplemoggy.blogspot.com/
***********************************************/
var search_which_one = "pm-f-h";
function selectH() {
document.getElementById('li-h').className = 'pm-search-selected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'block';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-h').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-h";
}
function selectG() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-selected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'block';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-g').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-g";
}
function selectB() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-selected';
document.getElementById('li-t').className = 'pm-search-unselected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'block';
document.getElementById('pm-search-t').style.display = 'none';
document.getElementById('pm-f-b').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-b";
}
function selectT() {
document.getElementById('li-h').className = 'pm-search-unselected';
document.getElementById('li-g').className = 'pm-search-unselected';
document.getElementById('li-b').className = 'pm-search-unselected';
document.getElementById('li-t').className = 'pm-search-selected';
document.getElementById('pm-search-h').style.display = 'none';
document.getElementById('pm-search-g').style.display = 'none';
document.getElementById('pm-search-b').style.display = 'none';
document.getElementById('pm-search-t').style.display = 'block';
document.getElementById('pm-f-t').value = document.getElementById(search_which_one).value;
search_which_one = "pm-f-t";
}
//]]>
</script>
Si deseas conservar el campo de búsqueda en Technorati, cambia el de Blogger por el de Twitter.
Las búsquedas de información en Twitter pueden proporcionar resultados asombrosamente eficaces; la búsqueda en Blogger creo que no sirve para nada.
¡Buena búsqueda!