Todas las herramientas necesarias para modificar y diseñar tu blog. Enlaces a las mejores páginas donde encontrarás todo lo necesario para ello. Plantillas originales para blogger diseñadas por mí.... Con este blog pretendo ayudar al que no se conforma con las plantillas preestablecidas, al que tiene pocos o ningún conocimiento de lenguaje "html", pero quiere diseñar su propio blog, y quiere diseños originales y a su gusto. Aquí encontrarás plantillas diseñadas por mí o enlaces a los mejores sitios de diseño de plantillas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, enlaces a otras páginas de ayuda para blogs...... Y MUCHO MÁS. Os sorprenderá todo lo que puede conseguirse con muy poco esfuerzo.

Convertir cualquier imagen a icono fácil y rápidamente

He recibido gran cantidad de consultas donde me preguntáis cómo puede transformarse una imagen vuestra en un pequeño icono. Pues la respuesta está en Iconverticons.com, esta web os permite de forma sencilla y rápida crear iconos a partir de la imagen que vosotros queráis. Hay otras muchas opciones en internet para realizar esto, pero esta web es realmente rápida y no tiene limitación en cuanto a tamaño de imagen, o al  menos aparentemente.

Con esta web podréis crear iconos personalizados para vuestro PC, para usarlos en vuestros blogs, o como favicons.

Simplemente buscar en vuestro PC la imagen que queráis transformar pinchando en el botón "Browse...", y después en el botón "Convert"... y a esperar unos segundos, tiempo que dependerá del tamaño de la imagen.

Este servicio os facilitará la imagen en los siguientes tamaños en píxeles:  512x512, 256x256, 128x128, 48x48, 32x32 y 16x16, y vosotros podéis descargarlos todos o solo el que necesitéis.

Si alguno quiere saber algo más de los favicons, pinchar en este post anterior  o en este otro.

Selección de generadores online

La mayoría de vosotros sabréis que en la red existen numerosas webs que nos facilitan el trabajo de decorar nuestros blogs. Quizás las más importantes son las que se ha dado en llamar "generadores", por que sin conocimientos de programación ni de diseño podemos generar gracias a ellas botones, mensajes atractivos, pequeños carteles, menus, banners, favicons, y una lista interminable de cosas parecidas.

Pues aquí os dejo una recopilación de todos los generadores que yo tengo en Favoritos de mi navegador. Todos son muy útiles y están ordenados exclusivamente por orden alfabético, sin tener en cuenta ningún otros aspecto.

Además he pensado que en comentarios, cada visitante puede completar esta lista con los "generadores" que a él le resulten útiles, o que crea son de calidad.

Leer completo...[+/-]

    Buttongenerator: Nos permite generar botones individuales con numerosas opciones de tipos, colores, tipografías, tamaños, etc... Una vez creado el botón podemos descargarlo a nuestro PC como imagen y usarlo después como link o enlace en nuestro blog. La web está en inglés, pero su manejo es muy sencillo.

    Cool Text:  Generador de texto muy bueno, con una buena variedad de tipos y estilos de letras y muy fácil de manejar, aunque está en inglés. Permite generar algún tipo de texto animado, pero la mayoría son texto estático, para descargarlo una vez creado. Muy útil para dar los últimos toques al diseño de tu blog.

    My cool Button: También te permite generar botones individuales y descargarlos después como imagen. Tiene menos variedad que Buttongenerator, pero con diseños de buena calidad. Además te permite añadir una gran variedad de iconos en los botones, y no solo texto. El resultado es muy profesional.

    ImageLoop: Te permite crear slideshows, es decir, un montaje animado con tus propias fotografías o imágenes, con una gran variedad de efectos y transiciones entre las imágenes. Está en inglés, pero con un poco de práctica no resulta complejo su uso.

    Flash-gear: Fenomenal web que nos permite crear infinidad de efectos flash. No podría destacar ninguno, aunque os puede crear texto, efectos animados en vuestras fotografías, mini puzzles, texto en 3D, y muchas cosas más. Está en inglés, pero es una web que debéis visitar y probar. Al final os facilitará los códigos html de lo que habéis generado y podréis pegarlo en vuestro blog.

    Funny Logo:  Interesante web que os dará la oportunidad de crear vuestras frases, títulos, o frases con diseños de texto muy conocidos (de google, yahoo, coca-cola, Harry Potter, El señor de los Anillos, etc...). De muy fácil manejo, y una vez generado el texto, pinchar el botón derecho del ratón y darle a "Guardar imagen como..."

    Gif make: Para crear gif animado con vuestras propias imágenes. No tiene imágenes preestablecidas, solo serviría para crear los gif animados, una vez que os habéis hecho vosotros todas las imágenes que formarán la animación. Para aquellos que tengan cierta práctica a la hora de trabajar y diseñar imágenes. Tiene el pequeño inconveniente de que no trabaja con imágenes de fondo transparente, pero aún así es bastante potente y puede trabajar con imágenes de cierto tamaño. Ya os hable de ella en este post anterior.

    Reflection maker: Genera reflexión en imágenes, efecto espejo en el suelo. Muy usado últimamente en el diseño de logotipos y títulos web. Si os creáis algún texto con algunas de las webs abteriores, esta resulta un complemento muy bueno, consiguiendo un efecto bastante profesional. Está en inglés, pero su uso es bastante intuitivo.

    IzzyMenu: Creador de menús para tu blog. Es algo difícil de manejar pero el resultado es bueno. Para usar el material creado en esta web necesitáis tener algunos conocimientos de lenguaje html y de inserción de menús. Pero siempre es un buen momento para comenzar.

    NetWorkBar Generator:  De esta web ya os hable anteriormente en este post, así que os remito a él. Solo deciros que en la parte superior de este blog podéis ver un ejemplo de barra de navegación creada en esta web, que puede reemplazar o complementar a la barra de navegación de Blogger.

    QuickBanner:  Para crear banners animados. Solo la opción "Gif banner creator" es gratuita, el resto se usa previo pago. Pero en esa opción hay algunos diseños buenos, y una gran variedad para elegir. Aunque no he podido ver todos los diseños que nos ofrece, creo que son banners estáticos, es decir, sin animación.

    Stripemania:  Aquí podemos generar fondos para nuestro blog de diseño a rayas o franjas, muy de moda en estos momentos. También podemos escoger entre la gran variedad de creaciones prediseñadas que nos ofrece.

    Superstickies: Esta web nos permite crear mensajes para nuestro blog en post-its. Sencillo pero muy efectivo y llamativo. Una vez creado lo podremos guardar en nuestro PC como imagen "png", para después colocarla en el blog.

    Tartan maker: Original generador de texturas o fondos de tela escocesa. Una variedad infinita y una calidad asombrosa. Yo he creado algunos fondos de mis plantillas con esta web.

    Graffiti Creator: Como su nombre indica, con esta web podemos crear texto con estilo graffiti. Se consigue buena calidad, aunque la variedad de diseños es algo limitada.

    YourGen: Otro buen generador de texto con mucha variedad en sus diseños, tanto animados como estáticos.

    Como os comentaba al principio de este post, esto es solo una selección entre las muchas páginas que nos ofrecen servicios de este tipo, y me gustaría que en comentarios podáis indicarnos a todos más generadores gratuitos de este tipo.

Muchográfico.com, de todo para tu blog

Una página muy buena y que tiene de todo para decorar vuestro blog, podéis crear vuestros propios textos animados, banners, gifs animados, avatares, rótulos, reflejos de agua, logos, favicons, etc... Y lo mejor de todo es que está en español, es la primera página que veo de este tipo que está completamente en nuestro idioma.

Pasaréis horas viendo toda la información y recursos que tiene esta web. Os dejo como muestra dos pequeñas pruebas de texto animado creado en Muchográfico.com:

Textos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.com

Textos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.com

También un ejemplo de reflejo en agua:

 

 

 

 

 

Alguien me preguntaba hace algunas semanas por favicons animados, en los que se ve el favicon y después un texto desplazándose, pués bien, esta web lo hace. Ved esta pequeña prueba:

Es un favicon animado. Si alguno no sabe aún lo que es un favicon o cómo añadirlo a su blog, pinchad en este post que escribí hace tiempo.

Me dejo muchas cosas más que tiene esta web, pero eso ya os tocará a vosotros con una visita a Muchográfico.com. Para los que se atrevan con más y manejen algún programa de diseño gráfico, no dejéis de visitar su blog (con un enlace que tiene en su propia web), donde podréis encontrar miles de iconos, tutoriales y muchos recursos para Adobe Photoshop.

Cuidado con alojar vuestras imágenes en Blogger

Últimamente están recomendado desde varios blogs y webs que las imágenes que forman vuestro blog (cabecera, fondo, sidebar, footer, adornos, etc...), se alojen en el propio Blogger. Ésta es una buena solución, pero hay varios problemas que debéis tener en cuenta antes de decidir dónde alojar esas imágenes, ya que son una parte principal y muy importante de vuestro blog, sin ellas solo aparecería el contenido sobre el color de fondo que hayáis definido, se perdería todo el diseño y la imagen que presenta el blog.

Para que veáis la importancia de ello, os pongo como ejemplo como se ve mi blog normalmente, y como se vería sin las imágenes que forman la base de su diseño:

 

 

 

 

 

Nuestro amigo de Vagabundia publica un post donde explica muy bien el proceso para alojar esas imágenes en Blogger. Si queréis ir al él, pinchar aquí.

Los problemas con los que vais a encontraros son los siguientes:

1.- Blogger baja la calidad de ciertas imágenes, las de mayor tamaño, que precisamente son las que van a formar parte de la cabecera, fondo o footer de los blogs. No ocurre esto con imágenes más pequeñas, Blogger hace esa operación solo en imágenes de cierto tamaño, pero no sabría deciros dónde está el límite para que lo haga.

En relación a este punto, podéis hacer la siguiente prueba: Alojar una imagen superior a 1000 píxeles de anchura tal y como indican en Vagabundia, siguiendo todos y cada uno de los pasos. Se supone que llegaréis a la imagen original que habéis alojado. Pues bien, pinchar con el botón derecho sobre ella y elegir "Guardar imagen como...", eligiendo cualquier ruta de vuestro ordenador.

Comprobad entonces en propiedades de esa imagen (una vez guardada en vuestro PC) que la imagen ocupa mucha menos memoria que la original. Esto solo lo consigue Blogger reduciendo la calidad de la imagen.

2.- Este procedimiento no sirve si tenéis un dominio propio, solo para los blogs de Blogger que conserven el dominio "blogspot.com". Vagabundia explica este punto en su post.

3.- Los gif animados no funcionan si los alojas en Blogger, o mejor dicho, se verán estáticos sin ningún movimiento.

En este post anterior os indicaba algunos servicios de alojamiento gratuito de imágenes. De ellos, olvidaros de "Google Page Creator", ya que no está en funcionamiento. Y recomendaros el que yo uso actualmente, y que me está dando un resultado magnífico: Windows Live SkyDrive.