Cursos Diseño Web gratis

Sin duda que te gustaría saber más de diseño web para poder modificar tu blog o página web a tu antojo, bueno nunca fue tan sencillo hacerlo. En esta oportunidad te recomiendo tres cursos de diseño web gratis que no debes dudar en realizar y recuerda que son completamente gratis!

Para empezar a realizar los cursos tienes que tener un cierto orden entre ellos ya que algunos tienen algunos prerrequisitos que te los darán otros, por ésto es que debes de comenzar con un curso de HTML (se puede complementar con algún otro de utilización de software como Dreanweaber, que te servirá también para futuros cursos).

Luego que ya tienes HTML es importante que lo complementes con un aprendizaje de manejo de hojas de estilos CSS .

Y por último para completar tus conocimientos básicos de diseño web puedes agregar algo de dinamismo a tus páginas aprendiendo a programar con JavaScript. Recuerda que ésto es sólo el comienzo, pero te defenderás bien con ello, tus estudios todavía pueden ir mucho más lejos.

Si buscás más libros de diseño web o bien otros cursos más avanzados clic en el siguiente enlace para:

descargar más libros

Traductor para el Blog o Página Web

Qué pasaría si entra alguien a tu sitio y no maneja el idioma en que está escrito, seguramente se irá en búsqueda de otro sitio que sí esté en su idioma. Por esta razón es que es necesario que en tu blog halla un traductor, si un traductor para el blog o página web. Con el traductor el usuario sólo deberá de elegir su idioma, hacer clic en traducir y ya está todo listo.
¿Tienes un blog y todavía no tienes un servicio de traducción? ¿Tu página web no se puede traducir a otro idioma? Pues, qué esperas? copia el siguiente código, insértalo en tu sitio y ya tienes un traductor para blog o página web. (si estás en Blogger y no sabes donde poner el código aquí te explico cómo agregar accesorios al blog). Tienes dos opciones para elegir la primera con todos los idiomas y la segunda sólo con los más usados, tu eliges.

Prueba el traductor

Traductor 1: Todos los idiomas

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'es', includedLanguages: 'de,fr,en,it,pt' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="Gadjets para blogger" title="gadjets blogger"/></a>

Traductor 2: Sólo Alemán, Inglés, Italiano, Francés y Portugués

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'es' }, 'google_translate_element'); } </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <a href="http://pczeros.blogspot.com/2009/12/traductor-para-el-blog-web.html" target="_blank" title="traductor para el blog pagina web blogger "><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="traductor para el blog blogger web" title="traductor para el blog"/></a>

Si deseas probar otros servicios de traducción, o no te funcionó el anterior Babylon ofrece un sistema de traducción similar.

Sigue recorriendo PCzeros y encuentra muchos más traductores, animaciones, buscadores y cientos de accesorios y trucos más para tu blog!

Chat para blog

Sin duda que uno de los Gadjets que no debe de faltar a tu blog es un chat, sí un chat para blog, con un chat para el blog los visitantes podrán dejar mensajes al resto de los visitantes que se encuentran en ese mismo momento o los que vengan luego, chateando de una manera muy simple y sin registrarse.

Tienes distintos diseños de chat para blog, blogger u otro, con distintas prestaciones según cual sea el tipo de público que tiene tu blog.

Luego de obtener el código aquí te cuento cómo insertar este gadjets en tu blog

MP en PCzeros!

Cursores animados para el Blog o Página Web

¿Te gustaría cambiar el cursor de tu blog o página web? Si tu respuesta es sí, estás en en el lugar correcto! Ahora en PCzeros hay cursores animados para el blog o página web. Para agregar el cursor a tu blog es muy sencillo, sólo copia el código del cursor e insértalo en tu blog o página web, si no sabes cómo puedes leer el siguiente tutorial sobre cómo agregar accesorios al blog (blogger).
Esto es todo así que sólo queda elegir el diseño que más te guste y disfruta de este nuevo accesorio!

Si pasas el puntero sobre la caja de texto puedes ver el cursor en funcionamiento.

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c2.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="cursores para el blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c4.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para páginas web"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="cursores para páginas web"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c11.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog o página web"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="cursores animados para el blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c12.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para blogger, myspace, hi5, wordpress, paginas web, etc."><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="cursores para blogger"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c17.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog o página web"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="cursores para mi página web"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c26.ani)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog gratis"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="cursores gratis para el blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c31.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores para el blog o página web"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="cursores para mi blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c36.ani)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog o página web"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="cursores para el blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c37.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores para el blog o página web"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="cursores animados para el blog"/></a> <!-- final del código de cursor para el blog o página web -->

<!-- comienzo del código de cursor para el blog o página web --> <style> *{cursor:url(http://6305855836869570629-a-1802744773732722657-s-sites.googlegroups.com/site/pczeros/Home/c38.ANI)} </style> <a href="http://pczeros.blogspot.com" target="_blank" title="cursores animados para el blog o página web gratis"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="cursores animados para páginas web"/></a> <!-- final del código de cursor para el blog o página web -->

Esta personalización para el blog funciona sólo para quienes te visitan usando Internet Explorer, si se usa Firefox no se verá en funcionamiento.

En PCzeros hay muchos más gif animados, animaciones flash, mensajes animados y mucho más para que decores tu web así que sigue recorriendo el blog!.

Plantillas Templates Premium para Blogger

Talvez estés aburrido de la plantilla (template) que tienes en tu Blogger, Wordpress u otro, sabías que puedes cambiar la plantilla de tu blog gratis (free templates) y renovar completamente la apariencia de tu blog. (a las plantillas premium para Blogger también se les llama por su nombre en inglés premium Blogger templates o layouts Blogger).

Para cambiar la plantilla (template) de tu blogger a una plantilla premium sólo debes de:
1) Ir a diseño > Edición html y luego en descargar plantilla completa (ésto es por si no te funciona la nueva plantilla o no te gusta puedes luego volver a tu http://www.blogger.com/img/blank.gifplantilla anterior).
2) Descargar el código de la nueva plantilla.
3) Clic en examinar y elegir el archivo del código que descargaste.
4) Luego haces clic en subir.
5) Si te pregunta si quieres remplazar algún artilugio di que sí, y para finalizar guarada los cambios.
6) Disfruta de la nueva apariencia de tu blog.

Para acceder a una amplia variedad de plantillas premium para Google Blogger (El sitio también cuenta con Templates flash para Blogger!)puedes acceder al sitio:

Templates Google

Así que comienza por elegir el diseño que más se adapte a tu gusto!

Música de fondo en el blog o página web

Seguro que has entrado a Sitios Web que ni bien lo haces empiezas a sentir una música o sonido de fondo. Bueno, te cuento que hay distintas forma para que puedas poner una música de fondo en el blog o web, en este post te contaré la forma más sencilla de hacerlo, utilizando la etiqueta bgsound.

Para comenzar debes elegir la música que deseas poner y luego subirla a internet (puedes utilizar google-sites, o cualquier otro sistema que te permita subir archivos, por ayuda lee cómo alojar un archivo en internet, luego de hecho esto copia el siguiente código e insértalo en tu blog (aquí te cuento como agregar accesorios al blog).

<bgsound src="http://sites.google.com/site/pczeros/Home/pczeros-sound.mid" loop=infinite></bgsound>

Luego que lo hayas hecho observa el código y...

Donde dice src="http://sites.google.com/site/pczeros/Home/pczeros-sound.mid" cambia lo que está en rojo por la dirección donde se encuentra el archivo que subiste. Sugerencia: Antes de hacer cualquier cambio prueba a usar el código tal cual está, esto llevará a que en tu blog se escuche la misma música de fondo que estás escuchando en este.

Donde dice loop="1" cambia el 1 por el número de veces que quieres que se reproduzca el archivo, si en lugar del 1 escribe infinite el archivo se reproducirá indefinidamente.

Notas:

Luego les contaré de forma más avanzadas de realizar esta tarea y que por lo tanto ofrecen más opciones

Recomiendo usar archivos de audio midi (extensión: .mid), pues son de muy poco tamaño y se cargan rapidamente. Igualmente puedes usar mp3 o wma, aunque debes tener en cuenta que tardarán un rato considerable en cargarse con una conexion lenta.

Si quieres que la música se escuche sólo en una página y no en todas, puedes utilizar el mismo código y pegarlo sólo en esa página o al final de la entrada de tu blog. Esta forma te permite además utilizar una música distinta para cada página.

Este accesorio que le puedes agregar a tu blog solamente funciona para los visitantes que usan Internet Explorer.

Para detener la música se debe presionar escape o pulsar el boton detener de la barra del navegador.

¿Te quedaste con ganas de agregarle más cosas a tu blog? ¿De seguir aprendiendo? ¿querés más animaciones gif y flash para tu blog? ¿Buscas calendarios o cronómetros? ¿Buscás cursos de diseño web online? ¿Querés cambiar tu curssor o agregar un reloj analógico?... Bueno si alguna de tus respuestas a sido sí estás en el lugar correcto! Sigue viaje y encontrarás esto y mucho más!