Timersys

Buscador por Relevancia con mysql para tu web

Damian — Sat, 06 Mar 2010 23:12:48 +0000

Ando perdido últimamente, y practicamente no actualizo el blog. Eso es debido a que estoy inmerso en un Proyecto grande, con lanzamiento en varios paises al mismo tiempo y ocupo TODO mi tiempo libre y el que no tengo también en el. Pronto (espero) le voy a decir de que se trata.

Volviendo al tema original del post, les voy a enseñar como hacer un buscador por relevancia con mysql.
La forma tradicional que usamos al buscar con mysql es con el comando LIKE

SELECT * FROM anuncios WHERE titulo LIKE '%perro%' OR descripcion LIKE '%perro%'

Esto nos devuelve todos los anuncios que en el titulo o en la descripcion aparezca la palabra ‘perro’ o ‘caraperro’ o cualquier otra que contenga ‘perro’.
Estos resultado podriamos ordenarlos por ejemplo por la fecha de publicación, por el titulo, etc.

Pero que pasa cuando queremos ordenarlo por RELEVANCIA, osea queremos que el anuncio que hable más de perros aparesca primero y asi consecutivamente. Aqui es donde entra en juego la funcion de mysql FULL-TEXT .

Lo primero que tenemos que hacer antes de hacer un query en convertir nuestros campos en full-text .Para ello simplemente hacemos:

ALTER TABLE anuncios ADD FULLTEXT(titulo, descripcion);

Una ves echo esto , a la hora de hacer la QUERY vamos a usar las funciona de fulltext search MATCH y AGAINST de la siguiente manera:

SELECT * FROM anuncios WHERE MATCH(titulo, descripcion) AGAINST ('perro')

Esta línea utiliza la función MATCH … AGAINST … que encuentra el texto buscado, usando consultas similares a como lo hacen los motores de búsqueda. Además, se calcula internamente una puntuación en función de como aparecen y la cantidad de términos buscados dentro de nuestro titulo y descripcion.

¿Como perfeccionar la busqueda?

SELECT * , MATCH (titulo,descripcion) AGAINST ('perro') AS puntuacion FROM anuncios WHERE MATCH (titulo, descripcion) AGAINST ('perro') ORDER BY puntuacion DESC LIMIT 50

Esta consulta devolverá las primeras 50 consultas ordenadas por la puntuación. Jugando un poco con CSS pueden lograr mostrar estrellitas o barras de progreso segun la puntuación, pero ese ya es otro tema aparte.

Como todo esto tiene alguna limitación que otra. Por ejemplo no toma en cuenta palabras con menos de 4 caracteres.

De todas formas es la forma mas eficiente y rapida de buscar , sobre todo con múltiples palabras.

Un saludo y espero que les haya servido

Posiblemente el mejor hosting de todos

Damian — Fri, 26 Feb 2010 16:55:27 +0000

La busqueda del mejor y más barato hosting del mundo es algo que nunca termina. Yo personalmente en cuanto a prestaciones, soporte y precio por ahora me quedo con HOSTGATOR, el hosting con mayor clientes en el mundo.

De los Cpanel que trae es el más completo que me he encontrado y admite todas y cada una de las últimas configuraciones como cron jobs, mod_rewrite,curl_exec y todas esas cosas que no aparecen en la letra pequeña a la hora de contratar un hosting.

Además por un precio muy economico se pueden agregar dominios ilimitados y despuer ir agrandando según las necesidades que vayan apareciendo.
A partir de ahora haciendo click en cualquiera de los enlaces que aperecen a continuación si introduces el cupon de descuento al realizar la compra te otorgará el descuento.

”

Y ahora lo mejor de todo, cupones de descuento para que te salga practicamente gratis el primer mes.
Viejos pero sirven casi todos. Son de descuento de 9,94 dolares
hgc25 $9.94
cnet $9.94
GAMERZ $9.94
top10 $9.94
sa101 $9.94
freetrial $9.94
tophost $9.94

Más cupones con 9,94 dolares de descuento

Como hacer una web multilenguaje

Damian — Thu, 31 Dec 2009 22:54:14 +0000

Para detectar el idioma del navegador y hacer una web multilenguaje existen diversos métodos. Yo particularmente suelo usar el siguiente:

Primero creo el archivo lang-functions.php

/*

=============================================================================

Funcion: detectar_idioma_navegador()

-----------------------------------------------------------------------------

Proposito: Esta funcion detecta el idioma por defecto seleccionado en el navegador del visitante.

Si no se detecta un lenguaje valido, se asigna el selecionado por defecto.

=============================================================================

*/

function detectar_idioma_navegador() {

global $conf;

$languages = preg_replace('/(;q=\d+.\d+)/i', '', getenv('HTTP_ACCEPT_LANGUAGE'));

$bol_language_detected = false;

// Comprobamos si el navegador usa alguno de los idiomas que hemos predefinido.

foreach ($conf['lang_enabled'] as $tmp_arr_language) {

if (preg_match('/' . $tmp_arr_language . '/i', $languages)) {

$tmp_str_language_detected = $tmp_arr_language;

$bol_language_detected = true;

break;

}

}

// Si el navegador usa uno de los idiomas seleccionados, se devuelve el path del fichero de idioma

// En caso contrario, se devuelve el path del idioma original

if ($bol_language_detected) {

return $tmp_str_language_detected;

} else {

return $conf['lang_default'];

}

}

Una vez creado el archivo lo incluyo de la siguiente manera:

include("languages/lang-functions.php");

$conf['lang_default'] = 'es'; // idioma por defecto

$conf['lang_enabled'] = array('es','en');

$conf['lang'] = detectar_idioma_navegador();

if(isset($_GET['lang'])) $conf['lang']=$_GET['lang'];// Podemos crear un link como por ej una bandera para permitir cambiar el idioma al usario

require_once("languages/".$conf['lang'].".php");

Por último nos queda crear los archivos de idiomas de la siguiente forma:

es.php

// Spanish language file
setlocale(LC_ALL,'es_ES');
define("_MENSAJE", "HOLA SOY UN MENSAJE EN ESPAÑOL");
?>

en.php

// English language file
setlocale(LC_ALL,'es_ES');
define("_MENSAJE", "Hi im a English message");
?>

En la web escribiriamos echo (_MENSAJE); y según el idioma del navegador aparecerá de una forma u otra.

Espero que haya servido de ayuda

Actualización de ShipTimer

Damian — Wed, 23 Dec 2009 01:05:55 +0000

SHIPTIMER recibe su primera actualización tras los consejos de nuestros clientes. El changelog de mejoras y correciones es el siguiente:

+ 10-12-09 Añadido número marea a los trabajos .
+ 10-12-09 Opción de abrir varios trabajos desde busquedas.
+ 10-12-09 Se agrega función para borrar trabajos.
+ 10-12-09 El limite de los trabajos ahora es 3000 caracteres y muestra cantidad de caracteres escritos.
+ 11-12-09 Se agrega campo CUIT a los talleres.
+ 20-12-09 Rediseño de materiales, ahora se divide en ordenes de compra y facturas de compra.
+ 22-12-09 Nuevo campo para “observaciones” dentro de las especificaciones técnicas de los barcos.
+ 22-12-09 Ahora se puede cambiar el estado de un trabajo al crearlo.
+ 22-12-09 Ahora se puede asignar ordenes de compra y facturas existentes a trabajos.

Para conocer más acerca del software más completo para la gestion de una flota pesquera visitar la web de Timersys.

Como limitar los caracteres de un textarea

Damian — Mon, 14 Dec 2009 16:52:28 +0000

A diferencia de los , los campos no tienen el atributo de maxlength. Digamos que dado un campo de texto como el siguiente: <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><textarea id="descripcion" onkeyup="contar(this);" cols="50" rows="8" name="descripcion"> </textarea><span id="letras">3000/3000 caracteres</span></div></div> Si queremos contar y mostrar los caracteres escritos en un span, tan solo necesitamos esta pequeña función. <div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">function contar(input) { //Comprobamos que no pase de 3000 caracteres y si pasa, que borre los sobrantes if (input.value.length &gt;= 3000) { input.value = input.value.substring(0,3000); } //alamacenamos el resto var resto = 3000 - input.value.length; //imprimimos los caracteres restantes en el span var final=document.getElementById('letras'); final.innerHTML=resto+"/3000 caracteres"; }</div></div> Como pueden ver, es muy facil y tan solo bastaron unas lineas de javascript. Saludosss </article> <article> <h1>Timersys estrena Web!!!!</h1> Damian — Sat, 14 Nov 2009 01:03:27 +0000 <div class="tweetmeme_button" style="float: left; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.timersys.com%2Fnoticias%2Ftimersys-estrena-web%2F"></a></div>Si , lo se desapareci de la tierra. La razon es que estuve inmerso en un proyecto. <h2 style="text-align: center;"><a class="aligncenter" title="QueResaca.com" href="http://www.queresaca.com">QueResaca.com</a></h2> Es una web de Humor para colgar anécdotas o historias de borracheras o similares. No requiere registro alguno para subir tu anécdota y además se pueden incluir fotos y videos. Tiene ranking de borrachos y se puede votar las mejores y peores historias. Espero que les guste, pasen y vean </article> <article> <h1>Selects anidados con AJAX y JQuery</h1> Damian — Wed, 30 Sep 2009 03:18:30 +0000 <div class="tweetmeme_button" style="float: left; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.timersys.com%2Fjquery%2Fselects-anidados-con-ajax-y-jquery%2F"></a></div>Los selects anidados o dependent cascading selects como dicen los ingleses , son usados hoy en día en la mayoria de formularios cuando nos registramos en una web. El ejemplo más comun es a la hora de elegir nuestro pais de procedencia , donde seguidamente carga en otro select las provincias de dicho pais. El otro día precísamente <a title="Listado de paises + provincias" href="http://blog.timersys.com/recursos/listado-completo-de-paises-y-provincias/">publique un listado completo de paises + provincias</a>. Hacer esto con JQuery es más que sencillo. Tan solo necesitaremos 3 archivos: index.php Donde tendremos un formulario simple con sus correspondientes selects. <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><script type="text/javascript" src="cargarProvincias.js"></script> <script type="text/javascript" src="../jquery.js"></script> <? include_once ('db.php'); $conn= get_db_conn(); $paises=mysql_query("SELECT * from paises",$conn); ?> <form id="form" action="" method="post" class="niceform"> <dl><dt> <label><span class="rojo">*</span> Pais :</label></dt> <dd> <select name="pais" id="pais" onchange="cargarProvincias();" /> <option value="null">Selecciona un pais</option> <? while($row=mysql_fetch_assoc($paises)){ print '<option value="'.$row['id'].'" >'.$row['pais'].'</option>'; }?> </select> </dd> </dl> <dl><dt> <label><span class="rojo">*</span> Provincia :</label></dt> <dd> <select name="provincia" id="provincia" /> <option value="null">Selecciona un pais</option> </select></dd> </dl> </form></div></div> Un archivo encargado de buscar las provincias según el pais indicado. Primero se <a href="http://blog.timersys.com/php/dbphp-como-definir-los-parametros-de-conexion-de-tu-base-de-datos/">conectará a la base de datos</a>, y luego devolverá los resultados. ajax_provincias.php <div class="codecolorer-container php mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><? include_once ('db.php'); $conn= get_db_conn(); ?> <? $conn=get_db_conn(); $pais= cleanQuery($_GET['pais']); $provincias=mysql_query("SELECT * FROM estados WHERE relacion = '$pais'",$conn); ?><? while( $row= mysql_fetch_assoc($provincias)){ echo '<option value="'.$row['id'].'">'.$row['estado'].'</option>'; } ?></div></div> Y por último el código JQuery que hará la magia de pasar el Pais seleccionado al archivo ajax_provincias.php mediante AJAX y luego cargará los valores devueltos dentro del segundo SELECT cargarProvincias.js <div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">function cargarProvincias(){ $('#provincia').html('<option selected>Cargando</option>'); var idPais= $('#pais').val(); var toLoad= 'cargar_provincias.php?pais='+ idPais ; $.post(toLoad,function (responseText){ $('#provincia').html(responseText); }); }</div></div> Para terminar , le pueden echar una ojeada al <a href="http://blog.timersys.com/ejemplos/selects-anidados-con-ajax/">DEMO ONLINE</a> Y <a href="http://blog.timersys.com/ejemplos/selects-anidados-con-ajax.zip">descargar el código</a> del ejemplo. </article> <article> <h1>Listado completo de paises y provincias</h1> Damian — Fri, 25 Sep 2009 16:49:54 +0000 <div class="tweetmeme_button" style="float: left; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.timersys.com%2Frecursos%2Flistado-completo-de-paises-y-provincias%2F"></a></div>Se que últimamente los tengo abandonados pero no me da el tiempo para tantas cosas, intentaré escribir un par de artículos este fin de semana. Ahora los que les traigo es una lista de paises con sus respectivas provincias / estados en español. Se trata de un archivo SQL listo para ingresar en la base de datos con un total de 239 paises y 4291 provincias. Esto viene genial para cuando necesitamos hacer por ejemplo un select dependiente (lo explico en el próximo artículo) en un formulario para que una ves elegimos el pais nos muestre sus respectivas provincias. Espero que les sirva de ayuda. Un saludo y hasta pronto. Descargar <a href="http://rapidshare.com/files/284879364/paises.sql">Paises.sql</a> </article> <article> <h1>SHIPTimer – Gestion de flota pesquera o barcos en general</h1> Damian — Sun, 13 Sep 2009 22:17:14 +0000 <div class="tweetmeme_button" style="float: left; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.timersys.com%2Fnoticias%2Fshiptimer-gestion-de-flota-pesquera-o-barcos-en-general%2F"></a></div>Hoy les traigo un review del programa SHIPtimer . Programa online realizado por <a href="http://www.timersys.com">Timersys</a>. SHIPtimer nace como el complemento ideal para las empresas pesqueras y armadores de barcos. Con dicho software de gestión podrá controlar toda su flota y los trabajos que se realizan en ella. Como Jefe de la empresa podrá controlar que los trabajos se hagan y el estado de los mismos desde cualquier lugar que se encuentre. Para el Jefe Técnico de la flota es la herramienta ideal para mantener organizado todo, y poder guardar un historial completo. Podrá detectar tendencias en los problemas y así evitarlos o por ejemplo controlar los gastos según la cantidad de materiales que se soliciten. <h2>Entre las principales características se encuentran:</h2> <ul> <li>Ficha técnica completa de los barcos (Motores, tanques, números de serie, etc)</li> <li>Múltiples usuarios (podrá crear todos los usuarios que necesite)</li> <li>Software online (Al ser online podrá acceder desde cualquier sitio)</li> <li>Listado completo de trabajos con múltiples opciones de ordenación</li> <li>Task Manager (Podrá agregar tareas con avisos que le recordarán cuando realizarlas)</li> <li>Categorías y estados personalizables (Ej. de categorías: Electricidad, carpintería, etc; Ej de estados: Nuevo, En progreso, Esperando repuestos)</li> <li>Control de talleres que realizan los trabajos</li> <li>Control de materiales a comprar y comprados por trabajo, o barco</li> <li>Búsquedas complejas (podrá encontrar cualquier trabajo realizado gracias a los múltiples métodos de búsqueda)</li> <li>Informes personalizados (Podrá imprimir informes de acuerdo al criterio deseado)</li> <li>Envio de emails (Podrá enviar actualizaciones de sus trabajos via email a múltiples usuarios de una forma más que sencilla)</li> </ul> Si desea puede ver el <a title="Video Online de SHIPTiMer" href="http://www.timersys.com/programas/shiptimer">video tutorial</a> que le explica las principales características del programa. O visitar el <a href="http://shiptimer.timersys.com/">DEMO Online</a> y jugar un poco. ( Usuario : demo Password: demo) </article> <article> <h1>Como añadir Google custom search a Wordpress y modificar el template page</h1> Damian — Tue, 25 Aug 2009 02:29:02 +0000 <div class="tweetmeme_button" style="float: left; margin-right: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.timersys.com%2Fwordpress%2Fcomo-anadir-google-custom-search-a-wordpress-y-modificar-el-template-page%2F"></a></div>En este tutorial les voy a explicar una de las formas para agregar google custom search a wordpress. Como saben los que me siguen hace tiempo, no siempre me gusta usar <a href="http://wordpress.org/extend/plugins/google-custom-search-for-wordpress/">plugins</a> ya que el template de mi wordpress esta modificado y no siempre funcionan a la perfección. Lo primero que necesitamos es ir a la <a href="https://www.google.com/adsense/">página de Adsense</a> y <a href="https://www.google.com/adsense/afs-settings">crear un motor de búsqueda personalizado</a>. Ingresas los datos que pide el formulario: <ol> <li>En “¿Qué quiere buscar?“ seleccionamos Sólo los sitios que seleccione.</li> <li>En “Seleccione algunos sitios“ debemos ingresar la URL del blog donde se va a realizar la búsqueda.</li> <li>En “Seleccione una edición“ seleccionamos Edición estándar.</li> <li>En “Palabras clave” podes poner algunos keywords que describar tu blog.</li> <li>Despues elegimos el lenguaje de tu blog.</li> <li>El formato o estilo de la caja de texto. ( Más adelante voy a explicar como cambiar el estilo)</li> <li>Y donde abrir los resultados. En este caso elegimos nuestro propio sitio y ponemos una dirección del estilo “http://blog.timersys.com/buscar“.</li> <li>Elegimos solo mostrar anuncios en la parte derecha(esto a gusto de cada uno).</li> <li>Cambiamos el estilo con la paleta de colores.</li> <li>Aceptamos las <a href="http://www.google.com.ar/coop/docs/cse/tos.html" target="_blank">Condiciones de servicio</a>.</li> <li>Elegimos un nombre para el buscador y le damos a obtener el código.</li> </ol> Una ves terminados estos pasos vamos a obtener 2 códigos: La caja de texto del buscador <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><form action="http://blog.timersys.com/buscar/" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-xxxxxxxxx:xxxxxx" /> <input type="hidden" name="cof" value="FORID:x" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="31" /> <input type="submit" name="sa" value="Buscar" /> </div> </form> <script type="text/javascript" src="http://www.google.com.ar/coop/cse/brand?form=cse-search-box&lang=es"></script></div></div> Y los resultados del buscador <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><div id="cse-search-results"></div> <script type="text/javascript"> var googleSearchIframeName = "cse-search-results"; var googleSearchFormName = "cse-search-box"; var googleSearchFrameWidth = 800; var googleSearchDomain = "www.google.com.ar"; var googleSearchPath = "/cse"; </script> <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script></div></div> <h2>Creando la página /buscar/ para que muestre lo resultados.</h2> Para crear la página que nos muestre los resultados tan solo debemos ir en nuestro Wordpress a Pages –> Add New e ingresar en el nombre de la página “Buscar” asegurandonos que el Permalink sea: http://blog.timersys.com/buscar/ . <h2>Como modificar el template page de wordpress para darle el estilo necesario a la página de busquedas </h2> Aunque ya tenemos la página /buscar/ creada , necesitamos hacer que muestre los resultados y para ello necesitamos ingresar el código obtenido en el primer paso. A su ves ,al mostrar publicidad del lado derecho el tamaño mínimo del DIV cse-search-results será de 850px , por lo que no entraría en el blog si no quitamos el sidebar derecho. Como podemos hacer esto? De una manera fácil modificando en nuestro template page.php gracias a la función <a href="http://codex.wordpress.org/Function_Reference/is_page">is_page()</a>. Dicha página puede ser encontrada en nombredetublog/wp-content/themes/nombredetutheme/page.php Page.php es el template que se encarga de montar la estructura por defecto de una página. Suele cargar las diferentes partes de la página llamando diferentes funciones: <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><?php get_header(); ?> //Obtenemos el header <div id="content"> <?php  <div> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> // El título del post <p> Posted on <?php the_time('F j, Y') ?> by <?php the_author_posts_link(); ?> //Escrito en.... </p> <?php the_content(''); ?> //El post en si <div> <p><?php the_tags('Tags: ', ', ', ''); ?></p> //Tags <p>Filed Under: <?php the_category(', '); ?></p> //Categoria </div> </div>  <div id="comments"><?php comments_template(); ?></div> //Carga los comentarios </div>  <?php get_sidebar(); get_footer(); ?> // Por ultimos el sidebar y el footer</div></div> En mi caso en concreto necesitaba alterar la página de busquedas por lo que agregue el siguiente código al principio una ves cargado el header ( ya que si quiero la cabezera de la web). <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;height:500px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><?php get_header(); ?> //Obtenemos el header <?php if ( is_page('Buscar') ) { ?> // COMPRUEBO SI LA PÁGINA ES "Buscar"  <div id="busqueda-wrapper"><div id="form-busqueda"><h2>Busca que con suerte encontras</h2> <form action="http://blog.timersys.com/buscar/" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-XXXXXX:XXXXXX" /> <input type="hidden" name="cof" value="FORID:X" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="31" /> <input type="submit" name="sa" value="Buscar" id="google-boton" style="border:none;"/> </div> </form> </div> <script type="text/javascript" src="http://www.google.com.ar/coop/cse/brand?form=cse-search-box&lang=es"></script>   <div id="cse-search-results"></div> <script type="text/javascript"> var googleSearchIframeName = "cse-search-results"; var googleSearchFormName = "cse-search-box"; var googleSearchFrameWidth = 800; var googleSearchDomain = "www.google.com.ar"; var googleSearchPath = "/cse"; </script> <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script> </div>  <?php get_footer(); ?> //INCLUYO EL FOOTER Y DOY POR TERMINADA LA PÁGINA <?php }else{ ?> // EN CASO DE QUE SEA OTRA PÁGINA CARGO EL TEMPLATE CON NORMALIDAD <div id="content"> ...... ...... ...... ...... <?php</div></div> Como es normal, pueden agregar lo que quieran de código HTML y luego usar la hoja de estilo CSS del template que esten usando para darle forma. <h2>Como añadir google custom search en el sidebar o barra lateral.</h2> Al igual que page.php, sidebar.php se encuentra en nombredetublog/wp-content/themes/nombredetutheme/sidebar.php y para añadir el formulario de google custom search tan solo tenemos que buscar el formulario de busqueda actual que tenemos y cambiarlo por el código que nos dio google. Igual que antes podemos agregar el código HTML necesario y luego darle forma con CSS. <h2>Como sacar o cambiar la marca de agua de google, y como cambiar el estilo del text box de google custom search</h2> En la parte final del código del formulario de busqueda aparece un archivo javascript que va a ser el encargado de aplicar el estilo y la marca de agua a el texto box. <div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><script type="text/javascript" src="http://www.google.com.ar/coop/cse/brand?form=cse-search-box&lang=es"></script></div></div> Lo que hay que hacer es pegar el link en <a href="http://www.getfirefox.com">firefox </a>y descargarse el archivo .js para moder modificarlo. <div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">(function() { var f = document.getElementById('cse-search-box'); if (!f) { f = document.getElementById('searchbox_demo'); } if (f && f.q) { var q = f.q; var n = navigator; var l = location; if (n.platform == 'Win32') { q.style.cssText = 'border: 1px solid #7e9db9; padding: 2px;'; } var b = function() { if (q.value == '') { q.style.background = '#FFFFFF url(http:\x2F\x2Fwww.google.com.ar\x2Fcoop\x2Fintl\x2Fen\x2Fimages\x2Fgoogle_custom_search_watermark.gif) left no-repeat'; } }; var f = function() { q.style.background = '#ffffff'; }; q.onfocus = f; q.onblur = b; if (!/[&?]q=[^&]/.test(l.search)) { b(); } } })();</div></div> Como pueden ver lo separe un poco para que sea más facil explicarlo. En mi caso , al tener una imagen de fondo para el cuadro de busquedas tan solo elimine la linea que le aplicaba los bordes <div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">if (n.platform == 'Win32') { q.style.cssText = 'border: 1px solid #7e9db9; padding: 2px;'; }</div></div> Y despues la que aplicaba la marca de agua : <div class="codecolorer-container javascript mac-classic" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">var b = function() { if (q.value == '') { q.style.background = '#FFFFFF url(http:\x2F\x2Fwww.google.com.ar\x2Fcoop\x2Fintl\x2Fen\x2Fimages\x2Fgoogle_custom_search_watermark.gif) left no-repeat'; } };</div></div> Tampoco tienen porque eliminarlas, si quieren pueden cambiar el estilo o aplicar su propia marca de agua. Un vez terminado , graban el archivo .js, lo suben al servidor y modifican el formulario con la dirección del archivo modificado. Con eso ya tendrian su propio buscador google dentro de wordpress con publicidad adsense incluida. Espero que les sirva de ayuda. Un saludo </article> </main></body></html>