Antes:
http://www.inkilino.com/YY/MM/DD/titulo-del-post/

Ahora:
http://www.inkilino.com/titulo-del-post.html

Para cambiar los permalinks de tu blog en Wordpress, tienes que dirigirte en el panel de administración a Opciones–>Enlaces Permanentes(Permalinks), y ahí seleccionar la opción que más te convenga o poner una personalizada.

También he eliminado la palabra “category” de las categorías, que no me gustaba, pensaba poner “categoría“, pero entonces tendría que haber cambiado “tag” por “etiqueta”(para dejarlo todo españolizado) pero al final me he decantado cat“.

Hasta aquí todo fácil ¿verdad? Ahora para asegurarnos que nadie va a poner nuestras URL’s antiguas y se encuentren con un error 404, lo mejor es crear redirecciones 301 en el .htaccess para que eso no pase, en mi caso las líneas que he tenido que añadir al .htaccess, han sido estas:

RedirectMatch 301 /([0-9]+)/([0-9]+)/([0-9]+)/(.*)\/$ http://www.inkilino.com/$4.html

RedirectMatch 301 /category/(.*)$ http://www.inkilino.com/cat/$1

¡Ojo! Para cada cambio de permalink las lineas del .htaccess son diferentes, si necesitáis ayuda, preguntar en los comentarios.

Otra redirección 301 que no tendría que faltar en vuestro .htaccess es la de las URL’s canónicas.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• URL’s canónicas con redirección 301

• Redirección 301

• Seguridad en Wordpress

• Actualizar Wordpress a 2.0.5

• Mis diez mejores posts

• Wordpress y SEO

Actualmente tengo unas cuantas ya preparadas, que son las que uso, pero la mayoría han salido de la siguiente lista:

• Wordpress Theme Development Frameworks
• Blank Wordpress Themes
• Wordpress theme generator
• Blank WordPress templates
• Wordpress themes blank framework
• Blank Wordpress theme
• Wordpress framework
• Blank Wordpress themes for 2.7

Creo que he probado casi todas las plantillas de Wordpress que hay en estos enlaces, y la verdad, es que no sabría deciros cual es mejor, unas me han ido bien para algunos proyectos y otras para otros. En cualquier caso, yo os doy la info y vosotros la usáis como creáis conveniente.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Wordpress.fun, un theme gratis y bonito

• Como crear un theme para Wordpress

• Plugin para diseñar tu nuevo theme de Wordpress

• Premio al mejor diseño con Wordpress

• Nuevo diseño en InKiLiNo.com

• Wordpress 2.1.3 RC2

• Wordpress MU 2.7

• Wordpress 2.2.3 ve la luz

Como en Pingdom se guardan los registros de las consultas, podéis comprobar que hace un mes cuando comprobe la carga de mi blog, estaba en 8,7 segundos xD

Los principales pasos que he seguido para optimizar mi blog, són los siguientes, primero tenemos que comprobar lo que tarda en cagar nuestro blog en Pingdom, nos fijaremos en las dos ventanas de resultados que nos muestra.

Si prestamos atención a la primera ventana, descubriremos que tenemos que:

1. Buscar las lineas en rojo. Esas lineas son llamadas a archivos o normalmente imágenes que no se encuentran, bien porque las hemos cambiado de sitio o las hemos borrado, por lo que tendremos que buscar esa línea en nuestro código y borrarla.
2. Fijarnos en los archivos con el final de la barra azul. Suelen ser archivos muy grandes y tenemos que intentar reducir su peso, como normalmente son imágenes es muy fácil, hay muchos optimizadores de imágenes online, aunque si no nos gusta ninguno siempre podemos hacerlo nosotros con algún editor, o directamente usar este.

Ahora nos vamos a centrar en la segunda ventana, en la que nos dice el tiempo total de carga y la cantidad de llamadas a archivos de cada tipo que ha encontrado. Y mirando estos datos tendremos que:

1. Juntar todos los archivos CSS que tengamos por ahí sueltos en uno solo, el style.css de nuestro theme de WordPress (esto es muy fácil, sólo hay que copiar y pegar).
2. Juntar todos los scripts (archivos JS) en uno sólo. Para eso seguí uno de los magníficos post que tiene Andrés sobre el tema.
3. Usar CSS-Sprites. Podéis usar alguno de los que existen on-line, van bastante bien, y os cargará todas las imágenes de fondo de una sola vez, con lo que el número total de objetos lo reduciremos muchísimo.

Con todo esto ya reduciremos bastante la velocidad de carga de nuestro blog, pero todavía quedan muchas otras cosas que nos ayudarán a que nuestro blog sea el más rápido.

• Optimizar nuestro theme de Wordpress. Todas las consultas que tengamos dinámicas hay que ponerlas estáticas.Tendremos que reemplazar todas las lineas dinámicas del header.php y el footer.php principalmente, para hacer eso, nos dirigiremos a Ver código fuente en el navegador, y sólo tendremos que copiar las rutas estáticas de ahí.

Ejemplo, donde ponga:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?;> charset=<?php bloginfo('charset'); ?>" />

pondremos:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

• También podemos comprimir el CSS, hay muchas y diferentes formas para realizar esta compresión, eso ya es decisión vuestra optar por una u otra.
• Instalarnos el plugin de Wordpress, WP-super cache si no lo tienes, que he podido comprobar que va el doble de rápido que el WP-Cache.
• Y por supuesto tener un buen Hosting, que nos proporcione la velocidad de carga necesaria para nuestro blog.

Aparte de todo esto, supongo que ha estas alturas ya sabéis todos que Google se esta tomando cada vez la velocidad de carga más en serio y dentro de poco esta velocidad influirá en los resultados de búsqueda, por lo que este pequeño manual os va a ir muy bien para mejorar vuestro posicionamiento.

Y por último, podemos seguir optimizando nuestro blog para que cargue más rápido instalando 2 extensiones de Firefox que van de lujo para esto, Firebug y YSlow. Yo ahora mismo estoy trabajando con ellos y haciendo pruebas de como puedo reducir más el tiempo de carga, si descubro algo nuevo, ya os lo contaré en el próximo post, así que sindicaros a mi blog para no perder detalle

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Test de velocidad

• Wordpress 2.0.9 y 2.1.1

• Wordpress para el iPhone

• Wordpress 2.1.3 RC2

• Todo sobre Wordpress

• Actualizate a Wordpress 2.3.2 por seguridad

• Wordpress MU 2.7

• InKiLiNo bajo Wordpress 2.3

Ahora con CSS3, y la propiedad border-radius lo podemos hacer de manera muy fácil. Fijaos en el siguiente ejemplo:

Para conseguir este efecto he usado el código XHTML y CSS que os muestro a continuación.

Código XHTML

<div class="bordes-redondeados">

    <h2>Bordes redondeados con CSS3</h2>

    <p>Así de fácil y rápido se hace un caja con los bordes redondeados en CSS3.</p>

</div> 

Código CSS

 .bordes-redondeados {
    width: 400px;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #069;
}

.bordes-redondeados h2 {
    padding: 10px 15px 5px 15px;
    text-align: center
    color: #fff;
}

.bordes-redondeados p {
    margin: 0;
    padding: 5px 15px 10px 15px;
} 

Os he enseñado la forma más sencilla de redondear las esquinas de un contenedor div, pero hay un montón de formas de combinar y aplicar esta técnica. Otros ejemplos podrían ser estos:

Para conseguir recuadros con diferentes radios en cada esquina, sólo tenemos que darle 4 valores diferentes a la propiedad border-radius.

 .bordes-redondeados {
    width: 400px;
    margin: 10px;
    -webkit-border-radius: 2em 1em 4em 3em;
    -moz-border-radius: 2em 1em 4em 3em;
    border-radius: 2em 1em 4em 3em;
    background-color: #069;
} 

Si tenéis cualquier pregunta o consulta, no dudéis en hacerlo en los comentarios, que son gratis

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Simplifica tu CSS: Border

• Internet explorer 8

Aunque llegó un poco tarde para posicionar comunactivo, ya que empezó ayer y la gente no pierde el tiempo, pero nunca es tarde en un concurso SEO

También he visto que hay algunos participantes de nivel, por lo que no me va a ser nada fácil colocar mi comunactivo en primera posicón de Google.

He visto que mi colega Toni también quiere posicionar comunactivo, así que le voy a hechar un cable con este enlace, que tiene un anchor text insuperable

Por cierto, para los que decidáis apuntaros al concurso, no olvidéis seguir mis consejos SEO de posicionamiento.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Comunactivo

• Comunactivo comunactivo comun activo

• SEO para comunactivo en Wordpress

• Muchas gracias a todos

• Carnet de conducir

• Video de Pamela Anderson

• Vídeo de Paris Hilton desnuda en la ducha

(max)Icone Blog – Pack 1 de WebFruits

(max)Icone Blog – Pack 2 de WebFruits

(max)Icone Blog – Pack 3 de WebFruits

Y curiosamente hoy en Smashing magazine nos muestarn un pack de iconos sociales muy chulos.

Pues bueno cuando necesitéis iconos sociales para vuestros diseños ya sabéis donde acudir

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Iconos sociales para tu blog

• Iconos sociales para tu blog

• Botones sociales 2.0

• Iconos WordPress

• Set de iconos para bloggers

• Iconos RSS para tu feed

• Iconos RSS para tus feeds

• Más iconos RSS para tu feed

Que lástima no haberlos encontrado antes, sino los hubiese puesto en mi nueva sidebar.

Vía | Soulvisual

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Iconos sociales para tu blog

• Iconos sociales para tu blog

• Más iconos sociales

• Que no es la Web 2.0

• Las cosas que me gustaría saber

• La dueña de la ciudad

• Botón de Tags en nuestro editor

• Wacom Intuos3 A5 Wide Special Edition

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Análisis SEO gratis

• Dominios gratis

• Oficina Virtual con eGroupware

• Descarga música gratis en Internet

• Periodicos y revistas gratis

• Curso de fotografía gratis

• Libros gratis de XHTML, CSS, AJAX, JavaScript y Symfony

• Como crear un theme para Wordpress

1. La página funciona en los navegadores habituales (Explorer, Firefox, Opera, Netscape).
2. La página se ve con cualquier resolución de pantalla, incluyendo los dispositivos móviles.
3. Las paginas se cargan rápido con una conexión de un modem.
4. El sitio cuenta con un mapa web o buscador.
5. Se informa claramente que área o página del sitio se está visitando.
6. Los enlaces visitados tienen diferente color que lo que aún no se han visitado.
7. En caso de servicios o trámites en linea se informa de cuantos pasos faltan por completar.
8. La página proporciona información y pide confirmación antes de completar una tarea importante.
9. No hay errores durante la navegación por la web.
10. Los campos obligatorios de un formulario aparecen destacados.
11. Después de un error se puede volver a la página previa para intentar corregirlo.
12. No hay enlaces rotos.
13. Se mantiene una navegación consistente y coherente en todas las pantallas.
14. El lenguaje es simple.
15. No hay faltas de ortografía.
16. La información está jerarquizada.
17. Se usan anclas visuales.
18. La información es corta y concisa.
19. Existen zonas en blanco para poder descansar la vista y separar información.
20. No hay contenido en movimiento.
21. Hay suficiente contraste entre el fondo y el texto.
22. La información está organizada con categorías lógicas.
23. Se han seguido las pautas WAI para la elaboración de la página.
24. LA página usa hojas de estilo.
25. El HTML del sitio ha sido validado satisfactoriamente segun el W3C.
26. La ruta de la página está visible.
27. El menú de navegación se mantiene constante.
28. Hay un enlace a la página de inicio en una zona visible en todas las páginas.
29. En caso de utilizar javascript, flash o cualquier otro tipo de tecnología la página sigue funcionando cuando el usuario no dispone del plugin necesario.
30. La página de inicio refleja la identidad corporativa de la empresa.
31. El usuario sabe quién está detrás de la página y de la empresa.
32. Hay un número de teléfono, dirección física o correo electrónico en todo momento en una zona visible.
33. El usuario puede ponerse en contacto con el encargado del sitio web para hacer sugerencias.
34. Se ha comprobado que funcionan correctamente todos los formularios.
35. Hay alguien encargado de recibir y contestar estos mensajes.
36. El usuario recibe una copia o confirmación de envío si lo desea cuando se completa una tarea.
37. La ayuda ofrecida está ligada a la tarea.
38. Ofrece sección de Preguntas Frecuentes (FAQ).
39. Se dan ejemplos para facilitar las tareas.

Vía | Accesibilidad, Usabilidad y Estandares Web

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Port DesktopBSD en FreeBSD

• Lista de radares para TomTom

• Fonestar RDTS-670

• Free Burma

• www.lohevisto.com

• FireFox 1.5.3 en español

• Angelina Jolie

• Fonestar, Axil, Twinbox, Skymax, Boshmann

En principio no tengo intención de participar en el concurso, no hay premio pero si que lo seguiré un poquillo para ver que pasa con las diferentes opciones de posicionamiento por las que opten los concursantes.

A continuación voy a dar unos consejillos que creo que ayudarán a posicionar la palabra seosimil para el concurso o la que queráis para vosotros.

El dominio

Se dice que la palabra que queremos posicionar es importante que este en la URL del dominio, es por eso que a escasas horas del comienzo del concurso el dominio seosimil.com ya lo han comprado y subdominios seosimil en Wordpress, Blogger y otras bitácoras importantes también están cogidos.

Ahora bien, también sabemos que un dominio más antiguo aparece antes en los resultados que un dominio nuevo, es por eso que no se deciros cual es la mejor solución. Pero por mi experiencia en otros concursos, os puedo decir que es mejor usar para el concurso un dominio que ya haya superado el sandbox.

Si ya tenéis un dominio con una poca de antigüedad, usar ese, para posicionar la palabra clave, os será más fácil. Conque creéis un subdirectorio llamado seosimil es suficiente. Recordad que sabemos que Google ha decido ultimamente tratar a los subdominios como directorios, así que a efectos de posicionamineto es lo mismo http://seosimil.inkilino.com que http://www.inkilino.com/seosimil/

El Hosting

Si el concurso hubiese sido en Google.es, os diría que los que tenéis un buen hosting en España tenéis ventaja, pero al ser en Google.com pues eso nos da lo mismo. Pero la velocidad de carga de la página no nos da lo mismo, y el peso de la misma si que influye, como la correcta validación de XHTML y CSS.

Enlaces Externos

No os liéis a pedir enlaces como locos a todo el mundo, los enlaces de sitios con PageRank bajo o de poca relevancia no os interesan, es mejor un enlace de una buena web, con un buen Page Rank que mil enlaces de webs sin PR o PR bajo.

Hay muchas formas de conseguir buenos enlaces y de calidad, pero eso lo explicaré en otro post

Enlaces Internos

No abuséis de los enlaces internos en vuestro sitio, poner sólo los justos y necesarios, e ir con cuidado de que la página a posicionar no pase de los 100 enlaces. Tampoco abuséis de la palabra clave, en este caso seosimil, y las veces que la pongáis intentar que sea en títulos h1 o h2 , y en su defecto remarcar la palabra en negrita, con las etiquetas b o strong.

SEO para Wordpress

Matt Cutts comentó hace poco que es más fácil posicionar un blog en Wordpress que cualquier otro tipo de web, ya sea estática o dinámica, es por eso que tenéis que aprenderos y aplicar mis consejos SEO para Wordpress.

Pues creo que ya es suficiente, con estos datos, un poco de paciencia y leyendo un poco sobre posicionamiento y SEO, tenéis que tener de sobra para ganar el concurso

Y para saber como va el concurso, os dejo este enlace: seosimil

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Comunactivo

• Belen de arena en Las Palmas

• Libro SEO de posicionamiento en Buscadores

• Concurso posicionamiento en buscadores PEB

• SEO para Wordpress

• Nuevo diseño en InKiLiNo.com

• GeekTees: Tienda de camisetas online

• Trucos SEO de Matt Cutts

Aunque no os lo creáis acabo de leer que Internet explorer 8 soportará los estándares HTML y CSS 2.0, wow, parece que Microsoft por fín esta aprendiendo.

El problema estará que cuando lancen IE8 ya estará funcionando HTML5 y CSS 3 así que aún les queda faena a los de Microsoft

Vía | Lendono’s Blog

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• ¿Para que sirve Internet Explorer?

• Recomienda a tus lectores que no utilicen Internet Explorer

• Internet Explorer 7

• Ganar dinero en Internet

• II edición del Dia Internacional de Internet

• Entre un 5 y un 10% de los usuarios adictos a la Red

• 600 aplicaciones gratuitas en internet

• CSS Reinicia 2006

No voy a poner la descripción de cada post para no agobiaros y porque creo que con el título ya se entiende de que va el post, pero si tenéis dudas o curiosidad entrar en los posts, que realmente son muy buenos, modestia aparte

• Wordpress y SEO
• Buscador personalizado de Google en Wordpress
• Actualizar Wordpress
• Abrir enlaces en nueva ventana
• Modificar emoticones en Wordpress
• Imagenes en tus posts
• Redirección 301
• Gmail y Google Reader en FireFox
• Formulario de contacto para Wordpress
• Trece delitos que se pueden cometer con un simple post
• Instalar Wordpress
• Videos de Youtube, con W3C válido

Creo que me he emocionado y al final he puesto más de diez, pero bueno, no se lo digáis a nadie y ya esta

Por cierto, como podéis comprobar, mis mejores posts están relacionados con Wordpress, je,je,je,je…

Este meme se lo paso a todo aquel que tenga diez buenos posts

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Mis Plugins

• Headings para el SEO en Wordpress

• Feliz dos mil diez

• Plugin Posts Aleatorios

• Plugin Corrector

• Inaguramos Planeta BSD

• Las mejores herramientas SEO

• Estadísticas de Enero

Me ha encantado el post de Jesús y la imagen de Ancude.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Hoy la sangre se altera

• Evento Blog España 2008 – EBE08

• Como se hace un Mercedes

• Botones sociales 2.0

• Nokia maps, mapas gratis en tu nokia

• 3er Capitulo de Huerfanos Electronicos

• Belén Rueda

• Gizig: Nuevo blog de tecnología y gadgets

Claro esta que si controlas de CSS esto te sobra, pero para los que no saben mucho o estan empezando les puede ir muy bien para fijarse en el código CSS que le devuelve el generador de código CSS para cada situación.

Yo aparte de estos añadiría el generador de fondos que ya comente en su día.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Las mejores herramientas SEO

• Estilos de controles con CSS

• Herramientas para bloggers en Bdebloggers

• Los secretos Google Adsense

• Copia de seguridad de nuestros correos electrónicos en Outlook Express

• Vulnerabilidad nfsd en FreeBSD 6.0

• Otra vez Gran Hermano, que pesaos

• Google no me quiere

El truco es muy sencillo, sólo son 4 pasos.

1. Copiar nuestro archivo style.css como style.css.php
2. Editar el archivo style.css.php y poner esto al principio.

<?php if(extension_loaded('zlib')){ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>

3. Y esto al final.

<?php if(extension_loaded('zlib')){ob_end_flush();}?>

4. Editar el archivo header.php y cambiar la llamada al fichero, ahora llamara al style.css.php. Tenemos 2 posibles formas de hacerlo, así.

<style type="text/css" media="screen">
@import url(<?php bloginfo('stylesheet_url'); ?>.php);
</style>

o así

<link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>

Vía | Gran Impetu

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• No related posts

Lo primero es dirigirnos a la pagina del buscador personalizado de Google y crearnos uno clicando en Create a Custom Search Engine. Rellenamos el formulario de la siguiente pagina, que aunque este en inglés es muy facil.

Una vez efectuado el registro, ya nos podemos dirigir a nuestro panel de administración, para configurarnos el buscador.

Si nos dirigimos a control panel podremos configurarlo como queramos. Nos aparece un menú con diferentes opciones:

• Basics: Información básica y preferencias.
• Sites: Aqui añadiremos el sitio en el cual se hará la búsqueda, en este caso la URL de nuestro blog.
• Refinements: Son etiquetas que puedes aplicar a los sitios. Aparecen como lista sobre los resultados de la búsqueda, yo no lo utilizo, pero vosotros mismos.
• Look and feel: Aquí podemos configurarnos el resultado de nuestras búsquedas, básicamente los colores del resultado de las búsquedas.
• Code: Como la palabra indica es donde esta el código que tenemos que copiar, para pegar posteriormente en nuestro Wordpress.
• Collaboration: Es para invitar a otros usuarios o contribuyentes, pero la verdad es que no se muy bien su función.
• Make money: aquí insertaremos nuestro código de Adsense para asociar estas búsquedas a Adsense y así conseguir pequeños ingresos extra. Después de introducir nuestro código de Adsense tendremos que dirigirnos a la bandeja de entrada de nuestro correo y mirar el mail recibido de Adsense.
  

  Estimado editor:

  Ha recibido este mensaje porque recientemente ha solicitado acceso para participar en el programa AdSense a través de www.google.com/coop. Para utilizar las funciones de AdSense mediante www.google.com/coop, deberá proporcionar al sitio acceso al código de anuncios y a la información de rendimiento en su cuenta de AdSense. Para ello, haga clic en este vínculo:

  https://www.google.com/adsense/….

  Si considera que ha recibido este mensaje por error, o tiene alguna pregunta, le sugerimos que se ponga en contacto con los propietarios de www.google.com/coop.

  Atentamente,

  El equipo AdSense de Google

• Business Edition: Típica sección en la que te recomiendan que te pases a la Business Edition porque es mejor y bla, bla,bla… sólo para sacarte unas pelas, pues NO.
• Advanced: Para usuarios avanzados, nosotros no lo necesitamos para nada.
• Preview: Lógicamente aquí veremos como queda nuestro buscador.

Una ves tenemos esto listo, ya podemos liarnos con nuestro Wordpress, lo primero es poner el código de la sección code en el archivo searchform.php de nuestro theme, recomiendo comentar el antiguo código antes de machacarlo con el nuevo, o haceros una copia del archivo searchform.php.

Si queremos que el resultado de la búsquedas nos lo muestre en una página de Google, pues ya esta, pero si queremos mostrarlo en un pagina personalizada con nuestro theme, tendremos que cambiar la segunda linea de código, y donde pone action=”http://www.google.com/cse” ponemos action=”http://www.misitio.com/buscar.php” cambiando lo de misitio.com por nuestra URL.

Si nos fijamos en la parte inferior de la sección de code hay un menú desplegable que pone Search box and search results code for your website, pues lo desplegamos y copiamos el código en una pagina nueva que vamos a llamar buscar.php y la vamos a colocar en la raiz de nuestro sitio.

El archivo buscar.php tiene que contener algo parecido a esto:

<?php require('./wp-blog-header.php'); ?>

<?php get_header(); ?>
<div class="content">

<!-- Google Search Result Snippet Begins -->
  <div id="results_014073114125304419106:_1whtbeyhyu"></div>
  <script type="text/javascript">
    var googleSearchIframeName = "results_014073114125304419106:_1whtbeyhyu";
    var googleSearchFormName = "searchbox_014073114125304419106:_1whtbeyhyu";
    var googleSearchFrameWidth = 400;
    var googleSearchFrameborder = 0;
    var googleSearchDomain = "www.google.com";
    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(); ?>

Pues creo que esto es todo, espero no dejarme nada, si tenéis alguna duda ya sabéis que en los comentarios las respondo todas

A por cierto que se me olvidaba, si queremos añadir otro buscador como este en otro blog o web que tengamos, tendremos que clicar en nuestro Google Coop arriba a la izquierda donde pone New search engine, eso, eso, eso, eso, eso es todo amigos

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Mis diez mejores posts

• Por fin un buscador en Google Reader

• InKiLiNo en Google

• Buscador de Blogs Google

• Marketing Google

• Que buscador te genera más visitas

• Wordpress deja Technorati por Google

• Google cambiara su pagina principal

Yo ya me he hecho unos cuantos fondos y los he estado probando y quedan realmente bien, en pocos segundos te crea el fondo con los colores y el tipo de rallado que elijas.

Creo que con esta herramienta voy a pasar un poco de Photoshop, es mucho más rápida y efectiva. Os la recomiendo a todos.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• 33 herramientas para generar estilos CSS

• El mejor wallpaper para tu Mac

• Generador de paleta de colores On-line

• Kristen es Ashley Alexandra Duprey

Pues eso no es todo, porque ya que estaba me he dado una vuelta por el blog y me ha gustado mucho, os lo recomiendo de verdad.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• 33 herramientas para generar estilos CSS

• Herramientas para bloggers en Bdebloggers

• Copia de seguridad de nuestros correos electrónicos en Outlook Express

• Estadísticas de Enero

• Paseo o cremallera

• Regalo navideño de Google

• Videos en Google

• Mis diez mejores posts

No hemos tenido mucho tiempo de probar el theme a fondo, pero en la mayoría de navegadores que se ha probado, se han corregido los fallos que hemos encontrado(yo y mi socio), aún así si encontráis algún fallo o cosa que se pueda mejorar, ya sabéis. Como os podéis imaginar el que más lata ha dado ha sido, como siempre Internet Explorer en las versiones 6 y 7 (la 5 no la hemos podido probar).

Me interesa mucho vuestra opinión de que os parece el nuevo theme de TengounMac, así que podéis cebaros todo lo que queráis en los comentarios

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• Nuevo diseño en InKiLiNo.com

• Plugin para diseñar tu nuevo theme de Wordpress

• Plantillas para crear un theme de Wordpress

• Wordpress.fun, un theme gratis y bonito

• CSS Reinicia 2006

• Como crear un theme para Wordpress

• Nuevo spot de Axe, a por InKiLiNo

• OSX Leopard Mobile en el Nuevo iPod

Para estos errores de Internet Explorer hay cantidad de trucos(hacks) por la red para solucionarlo, y muchos de ellos buenos, pero si no te quieres complicar la vida y simplemente pasar de Internet Explorer al diseñar un sitio, siempre puedes mostrar un mensaje de advertencia a tus visitantes tal y como hago yo en mi blog si accedéis a él con IE.

Bueno pues hacer esto están fácil como poner esto en tu header.php, entre las etiquetas de <head> y </head> .

<!--[if IE]>
<div id="firefox">
<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los estándares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>
<br/>
<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<![endif]-->

y un estilo CSS en nuestro style.css

#firefox {
  position: absolute;
  right: 10px;
  top: 10px;
  width:300px;
  border: 2px solid #000;
  text-align: center;
  padding: 4px;
  background: #E7A109;
  font-size: 12px;
}

A continuación voy a explicaros un poco el código.

<!--[if IE]>

Con esto decimos que sólo se muestre el mensaje a los que visitan nuestro sitio con Internet Explorer.

<div id="firefox">

Aquí le asignamos un identificador de estilo al mensaje, el cual editaremos posteriormente en el archivo style.css

<strong>www.InKiLiNo.com 2.0 no se ve correctamente en Internet Explorer</strong>
<br/> Esto ocurre porque IE no respeta los estándares de la <a href="http://www.w3c.es/" target="blank" >W3C.</a>

A continuación ponemos el texto que queremos mostrar, se pueden incluir enlaces tal y como he hecho yo hacia W3C.

<script type="text/javascript">
<!--
google_ad_client = "pub-7172193801972661";
google_ad_output = "textlink";
google_ad_format = "ref_text";
google_cpa_choice = "CAAQzar2_gEaCEiq9THxsm3SKOW14YcB";
google_ad_channel = "";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Esto es lo más divertido, porque gracias a las referencias de Google Adsense, podemos incluir un enlace de texto para que nuestros usuarios se descargen FireFox con la barra de Google y de paso nos den unos eurillos por cada descarga que hagan

</div>
<![endif]-->

Y al final y como es normal, cerramos las etiquetas.

Lo del estilo CSS lo dejo a vuestro gusto, tenéis infinitas posibilidades.

Gracias por suscribirte a mi blog, espero tus comentarios y si quieres leer algo realmente interesante, lee esto:

• ¿Para que sirve Internet Explorer?

• Personaliza tu Homepage

• Internet explorer 8

• Internet Explorer 7

• Bloggers al poder

• Ganar dinero en Internet

• II edición del Dia Internacional de Internet

• Entre un 5 y un 10% de los usuarios adictos a la Red