
En la comunicación entre el servidor y el cliente hay varios parámetros que nosotros podemos modificar para nuestro beneficio. Uno de los más importantes y el más olvidado en la navegación web es el

En el mundo online de hoy en día, unos pocos sitios web pueden escapar del algoritmo de Google que cambia rápidamente. Con enlaces de pago, y ahora las granjas de contenido, en la lista de correo no deseado, es imprescindible que usted trabaja con un resultado de sombrero blanco SEO y empresa de diseño web que no se meterá en problemas con los motores de búsqueda. Si usted no puede permitirse una gran agencia, empiece por leer este sitio SEO guía para ponerte en el camino correcto.
Muchas personas me pidieron que como era el codigo para poner el traductor de bloggers ( no solo funciona con blogger también con cualquier tipo de paginas web)
También muestro imágenes de como poner el traductor en blogger para los que tienen poco conocimiento en este asunto.
| 01101000 01110100 01110100 01110000 00111010 00101111 00101111 01101101 01101001 01101011 01100101 01110111 01100001 01110010 01100101 01111010 00101110 01100010 01101100 01101111 01100111 01110011 01110000 01101111 01110100 00101110 01100011 01101111 01101101 |
Formato | Tamaño | sha1sum | Descargar[1] | Contenido |
CD | 700.7Mb | e674c7d19ab8e5ac53a1d09b7bb172047cd1f0c9 | 93.500 artículos, 10% de imágenes | |
DVD | 4.4Gb | 2c7b3746f4e68fc351e727d2ef8b342478e64667 | Todos los artículos (886.000), 45% de imágenes. |



Hoy veremos la forma de agregar a la columna lateral de su blog, una sección con pestañas a la que podrán agregar cualquier gadget que Blogger ofrece u otro externo; tiene un efecto de fundido que se aprecia en el cambio de los gadgets, que lo hace ver muy elegante, nos ahorra espacio, ya que se pueden mostrar ahí varios gadgets y además hace ver el contenido muy ordenado ¿no lo creen?.
Soh Tanaka, quien es un excelente Desarrollador Web, nos facilita en su blog, todas las indicaciones para lograrlo; ¡gracias a Soh Tanaka por este maravilloso trabajo!; nosotros simplemente lo que haremos, es adaptarlo a Blogger, para que sea mostrado ahí, cualquier gadget.
Este truco utiliza jQuery, sé que muchos que les encanta personalizar el blog, estarán familiarizados con esto, pero si tu nunca has usado jQuery, no te preocupes, que aquí explicaré paso a paso como implementarlo en tu blog :).
Funciona en todos lo navegadores incluyendo al único, inigualable e irrepetible IE6 (Internet Explorer 6).
Antes de empezar, quiero decirles que yo lo agregué usando la plantilla Sencillo, del nuevo diseñador de plantillas, probablemente haya algunas diferencias sobre donde exactamente ubicar la sección, con el resto de las plantillas y tendrán que buscarla, sin embargo el CSS, HTML y demás códigos no varían.
Para las plantillas anteriores al diseñador de plantillas será sumamente sencillo adaptar esto, ya que las capas se muestran de una manera más sencilla.
Así se verá la sección con los widgets, en los elementos de la página, del diseño de la plantilla:
Claro que ustedes podrán poner ahí los widgets que quieran, y modificar los títulos de las pestañas.
Pueden ver el Demo el este blog. Empecemos...
Instrucciones paso a paso:
Paso 1: Vamos a Diseño ►Edición de HTML de la plantilla, y con la ayuda de Ctrl f, buscamos ]]></b:skin>.
Paso 2: Inmediatamente después colocamos jQuery:
| <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/> |
| <script type='text/javascript'> |
...después ponemos los estilos o CSS...
<style type='text/css'> |
Paso 3: Finalmente lo que resta es agregar el HTLM, que hará aparecer la sección con las pestañas, y lo colocaremos en el lugar que queramos; si utilizamos las plantillas anteriores a las del diseñador de plantillas, será muy fácil, solo necesitamos identificar la envoltura de la columna lateral que generalmente viene así...
<div id='sidebar-wrapper'>...
Si quisiéramos que se mostrara en primer lugar, ponemos el HTML, que es el siguiente, inmediatamente después de esa linea de codigo:
| <ul class='tabs'> |
Tendrán que editar Populares, Etiquetas y Archivo, para que se muestre respectivamente en cada pestaña coincidiendo con el widget correspondiente. Lo dejé así, para que lo vieran igual que el DEMO y fuera fácil de entender el orden.
Si usas la plantilla Sencillo, que es la que usé para el DEMO, lo puedes poner inmediatamente después de:
<div class='column-right-outer'>
...y se mostrará como primer elemento de la columna lateral.
Paso 4: Checas en vista previa y si todo luce bien Guardas los cambios.
Ahora puedes ir a los elementos de página de tu plantilla y la sección lucira así:

Después puede agregar los widgets que desees, pero recuerda editar el texto de las pestañas ;).
Nota: Puedes cambiar los colores de fondo y borde a tu antojo etc. :).
