Adaptar la busqueda de google al theme

Ya desde hace un tiempo tengo adaptado el buscador del blog para usar Google, el problema vino cuando no me gustara que cargara otra pagina, así que me dedique a leer mucho para poder adaptar los resultados dentro del theme del blog.

Para esto sera hacer nuestro “Custom Search” lo podemos hacer desde aquí o desde Adsense para Búsqueda.

Bueno teniendo listo esto… tenemos que entrar a nuestro “Control Panel” en Custom Search, haciendo esto arriba nos mostrara varias fichas

A nosotros nos interesa la llamada Code, aqui hay 2 opciones y seleccionaremos: Host results on your website.

Ahora… este paso es importante, primero copiaremos el 2º codigo y lo colocaremos en un archivo llamado: “busqueda.php” ó “buscar.php“, el nombre no importa mucho, pero a ese código le vamos a agregar unos pequeños fragmentos de nuestro theme.

Los fragmentos en cuestion serian estos:

<?php require(’./wp-blog-header.php’); ?>
<?php get_header(); ?>
<div class=”content”>

</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Y el codigo final seria asi:

<?php require(’./wp-blog-header.php’); ?>
<?php get_header(); ?>
<div class=”content”>

<!– Google Search Result Snippet Begins –>
<div id=”cse-search-results”></div>
<script type=”text/javascript”>
var googleSearchIframeName = “cse-search-results”;
var googleSearchFormName = “cse-search-box”;
var googleSearchFrameWidth = 550;
var googleSearchDomain = “www.google.com.mx”;
var googleSearchPath = “/cse”;
</script>
<script type=”text/javascript” src=”http://www.google.com/afsonline/show_afs_search.js”></script>

<!– Google Search Result Snippet Ends –>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ya listo el archivo, lo subiremos a nuestro directorio raiz, osea donde tenemos el wp-config.php

En el 1º codigo, arriba nos pregunta: Specify the url in your site where you want the search results to appear: Hay colocaremos la siguiente direccion: “http://www.tusitio.com/busqueda.php” cabe resaltar que “busqueda.php” es el nombre del archivo con el 2º codigo.

Y ahora solo cabe copiar el primer codigo dentro del archivo: searchform.php de tu theme y listo.

Si tienes dudas con este tutoral, puede comunicar tus preguntas a: rodrigo[@]babyrodri.net