blogsmadeinspain

Plantilla gratuita "Newspaper_01", la portada de un periódico

2009-11-25T18:43:00.000+01:00

Sois muchos los que me habéis preguntado alguna vez por una plantilla que imitara a un periódico, y más exactamente a la portada de un periódico. Me comentabais que existían varias por la red, pero que realmente no tenían el aspecto de la prensa diaria, que eran muy simples.

Pues para todos los que me habéis sugerido este tema para una plantilla, aquí llega "Newspaper_01" o la portada de un periódico:

Como podéis ver en la imagen, la plantilla aprovecha al máximo el ancho de 1024 píxeles y, junto a esto, sus características más destacadas son:

Leer completo...[+/-]

* La cabecera aparece dividida en dos. En la mitad de la izquierda aparecerá el título y la descripción de vuestro blog, y en la mitad derecha podéis colocar cualquier gadget, texto, fotografía, etc...

* Con un script implementado en la plantilla se inserta la fecha diaria en la parte superior del blog.

* Presenta cuatro columnas entre las cabeceras y el resto. Ahí pueden colocarse noticias destacadas, pequeños resúmenes, fotografías, en definitiva algo que queráis resaltar en primera página. Estas columnas se han resaltado con un fondo de color gris claro y los títulos destacados sobre rojo.

* Dos sidebars o columnas laterales, lo más anchas posible, una de ellas resaltada con el fondo celeste claro. Ideal para colocar gadgets, texto y otros elementos en una de ellas, y publicidad y patrocinadores en la otra columna.

* También el footer aparecce resaltado con el fondo gris claro.

* Letra bastante grande en los títulos de las entradas, a modo de los titulares de un periódico.

Como veis una plantilla donde no os faltará sitio para colocar todos los elementos que queráis. Con una imagen parecida a la maquetación de la portada de cualquier periódico o prensa diaria.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Un videotutorial de como instalar esta plantilla podéis verlo en . . .

Insertar imágenes en los títulos de las entradas

2009-11-10T17:43:00.007+01:00

Podéis ver en el título de esta entrada que he añadido una pequeña imagen delante. Esto puede hacerse fácilmente, sin necesidad de tocar el código html de la plantilla. Con la ventaja añadida que esta imagen no se repetirá en todos los títulos, sino solo en el que nosotros lo hayamos colocado.

Podemos colocar la imagen al principio del título, al final, o en cualquier lugar del mismo. Y es tan sencillo como irnos a la edición de esa entrada, y donde colocamos el título, colocar también este pequeño código:

Lo colocaremos en la parte del título donde queramos que aparezca, aunque quizás lo normal sea delante, pero no tiene porque ser ahí.
Solo tenéis que sustituir la ruta completa de la imagen alojada (incluyendo http://...).

Esto parece muy interesante, por ejemplo, para tener un pequeño icono o imagen para cada categoría o tema de vuestro blog, así reflejáis en vuestros títulos de una manera elegante y llamativa la etiqueta o tema del que trata la entrada. Y podréis hacerlo sin tener conocimientos de lenguaje html ni tener que "trastear" con vuestra plantilla.

Lo que sí os aviso es que el número máximo de caracteres que tolera Blogger en los títulos de las entradas es de 150 caracteres. Así que cuidado con las rutas de las imágenes muy largas, o con introducir muchas imágenes en un mismo título.
Un servicio que podría usarse para varias imágenes, ya que sus direcciones URL son cortas, podría ser Imageshack.

Plantillas diseñadas por mí (20)

2009-11-07T12:04:00.000+01:00

Aquí os traigo otras dos nuevas plantillas de la serie "Agenda" que espero que os gusten. Las dos parten de una misma idea, representar cuadernos, notebooks, blogs, pero con resultados diferentes, y las dos incluyen iconos de suscripción colocados de forma muy original. El primer diseño presenta una cabecera de gran tamaño y con muchos elementos, mientras que el segundo casi no tiene cabecera y tiene una imagen mucho más elegante.

Plantilla "Agenda_06":

Plantilla de 3 columnas con las dos sidebars a la derecha. Representa un cuaderno de anillas sobre un fondo de madera color claro, con varios elementos sueltos en la cabecera que le dan un aire informal al conjunto.

Presenta iconos de suscripción vía RSS y E-mail ya implementados en la propia plantilla, e insertados en el blog de una forma muy original.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantilla "Agenda_07":

Plantilla de 3 columnas con las dos sidebars a la derecha. Representa un cuaderno de anillas sobre un fondo grunge azul claro, y pequeños adornos en la parte superior del cuaderno. Una imagen mucho más elegante que la anterior plantilla.

Presenta icono de suscripción RSS ya implementado en la propia plantilla, e insertado en el blog de una forma muy original.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Colocar texto y otros elementos con un fondo de color

2009-10-30T13:06:00.002+01:00

Desde la publicación en mi blog de esta entrada, muchos me habéis mandado e-mails solicitándome información de cómo colocar texto o elementos con un fondo de color. Por ejemplo como el cuadro siguiente, sacado de dicha entrada publicada hace poco:

Nueva suscripción por E-mail. Podrás recibir las entradas que publique en tu E-mail. Estarás informado de todas las novedades.

Esto puede hacerse fácilmente mediante una "tabla" html, colocándo un código al principio del elemento que queramos colocar con ese fondo, y otro pequeño código al final, obtendréis resultados muy profesionales, ya que podemos controlar colores, bordes, tamaños, y en general todo el aspecto gráfico que presentará la "tabla".

Leer completo...[+/-]

Para realizar esto, como ya he comentado antes, usaremos una "tabla" html, que entre otros tiene valores de color de fondo, color de borde, grosor de borde, tamaño, etc...

Al principio del elemento en html colocaremos este código:

Y al final del elemento de que se trate cerramos con este código:

</td> </tr> </tbody></table>

(Por cierto, esta forma de presentar los códigos con ese color gris de fondo, está realizado de la forma que ahora estoy explicando)

Podemos colocar el elemento que queramos entre esos dos códigos, desde una imagen o un texto, hasta una entrada completa de vuestro blog. Si pincháis Aquí podréis ver un ejemplo de entrada de mi blog, donde hay una tabla, con sus características de color y borde, dentro de otra tabla que enmarca toda la entrada, y con otras características.

Es decir, podéis usar los códigos de apertura y cierre todas las veces que queráis, siempre colocándolos seguros de lo que queréis enmarcar con una tabla u otra.

Paso ahora a explicaros cada uno de los modificadores que colocamos en los códigos del principio.

border - Definimos con este modificador el ancho en píxeles del borde, colocamos "0" si no queremos que aparezca borde alguno.

bordercolor - Como su propio nombre indica, es el color del borde. Debemos colocar el código hex del color que queramos usar.

cellspacing - Este valor, para lo que estamos viendo ahora, debe permanecer en "0".

cellpadding - Este es el margen o separación, en píxeles, que tendrán los elementos que se han colocado dentro, con el borde de la tabla.

width - Anchura en píxeles de la tabla. Si colocáis el modificador heigth, que yo no he colocado, lo que fijaréis será la altura. Si borráis este modificador, la anchura de la tabla se adaptará al ancho total del lugar donde esté (Entrada, sidebar, footer, etc...). Cuidado que el término width aparece dos veces en el código inicial, los dos valores deben ser iguales.

bgcolor - Código hex del color de fondo que queremos. Si borramos este modificador el fondo será transparente.

Dejaremos para una entrada posterior el tema de colocar una imagen de fondo, en vez de un color. Este tema es un poco más complicado, pero pueden obtenerse resultados como este...

Saludos a todos mis visitantes. Espero que mi blog os sea de mucha ayuda.
Y sobre todo, gracias, muchas gracias por vuestra confianza.

Nace Designmadeinspain, una muestra de mis trabajos en diseño gráfico

2009-10-21T20:01:00.002+02:00

Designmadeinspain nace como un blog complementario de Blogsmadeinspain. En él pretendo presentaros diseños hechos por mí, para empresas, particulares o para su presentación a concursos nacionales e internacionales. Pretendo enseñaros mis diseños más significativos de los últimos años, tanto carteles o posters, como logotipos, diseños publicitarios, plantillas exclusivas de Blogger, etc...

Será una muestra de mis trabajos de diseño gráfico tanto a nivel amateur como a nivel profesional.

La intención es que podáis opinar sobre los diseños, que me podáis dar vuestra opinión, ya que las impresiones que cada trabajo causa a los usuarios es muy valiosa para mí, y puede ayudarme a mejorar.

Si alguno está interesado en encargarme un diseño exclusivo de plantilla, recordad que solo os cobraré 26 Euros, o algún trabajo de diseño gráfico, ahí tenéis una muestra de mis trabajos más recientes. También iré añadiendo nuevos conforme los vaya realizando.

Pero ésta no será la única novedad, ya que estoy componiendo un blog donde expondré exclusivamente mis plantillas para Blogger gratuitas, ordenadas y clasificadas por temas. Con un simple click podréis encontrar rápidamente el tipo de plantilla que buscáis.

Espero que me apoyéis con vuestras visitas y, de vez en cuando, pinchando en la "publi" Adsense.

Ventajas de elegir Blogger

2009-10-10T13:30:00.002+02:00

Lo primero que te planteas cuando quieres tener tu propio sitio web, tu propio espacio en internet, es en qué plataforma gratuita hacerlo. Las opciones son muchas, aunque realmente solo existen dos opciones importantes, Blogger y Wordpress.

En este post anterior os enumeraba varias de estas plataformas, pero realmente las dos que he comentado anteriormente son las que parecen una decisión más inteligente, y dentro de ellas, creo que Blogger gana por mucho.

Últimamente he estado leyendo bastante sobre el tema y quiero señalaros aquí mis conclusiones, siempre teniendo en cuenta que hablamos de servicios totalmente gratuitos, sin ningún tipo de coste para el usuario. Las ventajas de elegir Blogger son...

Leer completo...[+/-]

* Fácil de usar, sin ningún conocimiento previo. Muy operativo y sencillo de manejar.

* Para usar Blogger solo necesitas tener una cuenta de "Google".

* Tiene detrás el respaldo del gigante "Google", propietario de la plataforma. En temas de internet siempre es bueno tener detrás el apoyo de una empresa solvente y dominante en el sector.

* Es la mayor comunidad de blogs del mundo, con mucha diferencia respecto a las demás plataformas.

* Almacenamiento y transferencias ilimitadas, así como, ancho de banda. Nunca tendrás problemas con servidores de pertenecen a "Google". Tiene el pequeño inconveniente de no poder alojar scripts, aunque este problema se resuelve fácilmente con otros servicios gratuitos.

* Puedes manipular la plantilla base todo lo que quieras, cosa que Wordpress no permite hacer en su opción gratuita. Y esto significa poder decidir en su totalidad el aspecto gráfico y funcional de tu blog.

* Los blogs de Blogger son muy bien indexados por el buscador Google. Cosa bastante difícil de conseguir con un blog de Wordpress. Y no hay que olvidar que ese buscador domina internet de una forma aplastante, entre el 25 y el 50% de tus visitas te llegarán gracias a él.

* Wordpress no te permite usar Javascript, presente en muchos de los gadgets o artilugios que se usan en los blogs. Blogger trabaja con ellos sin ningún problema.

* Presenta mucha más seguridad que Wordpress, los ataques al sistema de Blogger son mínimos o inexistentes. Aún así, siempre es recomendable hacer copias de seguridad con cierta regularidad.

* No tiene publicidad, así que no molestarás a tus visitantes con las molestas ventanas emergentes pop-ups.

* Se integra muy bien con la colocación de publicidad de Adsense y con FeedBurner, ambos también propiedad de "Google".

*Y por último, debes tener en cuenta que cuando lleves algún tiempo con tu blog, seguramente será bastante importante para tí el "Pagerank". Que depende de "Google" y que trata mejor a sus blogs que a los de la competencia.

Blogsmadeinspain se renueva

2009-09-27T10:20:00.004+02:00

Ya llevamos juntos más de año y medio, e iba siendo hora de una remodelación completa del blog. He cambiado el aspecto gráfico, respetando mucho la imagen anterior, pero sobre todo el blog ha cambiado bastante internamente, con nuevas funcionalidades, nuevos servicios, con un aspecto mucho más profesional y moderno, reordenando la situación de todos los elementos, y con el compromiso de postear con mucha más frecuencia.

Además he decidido ofrecer un servicio de diseño de plantillas para Blogger personalizadas, a medida, hechas por encargo y en exclusiva para el que lo solicite, y solo por 26 Euros. Eran muchas las personas que se ponían en contacto conmigo preguntándome cuanto les cobraría por diseñarles una plantilla en exclusiva, pues ya lo sabéis.... Muy muy poco dinero.

También, mi experiencia de años como diseñador gráfico y publicitario, me hace ofreceros un servicio de diseño de carteles o posters, banners, logotipos, folletos, etc... desde 20 Euros.

En general, he querido profesionalizar el blog, manteniendo el contenido principal actual y aumentando cada vez más la lista de plantilla totalmente gratuitas. Os pido disculpas por haber añadido algo de publicidad, pero mi situación actual me lleva a necesitar cualquier fuente de ingresos por pequeña que sea. Nadie está obligado a pinchar sobre ella, aunque para mí sería una ayuda inmensa.

Respecto a la funcionalidad del blog, a continuación os hago un resumen de los elementos más importantes, nuevos o ya existentes anteriormente:

Suscripción vía RSS, la que hasta ahora tenía en mi blog. Solo tenéis que pinchar y os llevará a un cuadro para suscribiros con vuestro lector RSS.	Nueva suscripción por E-mail. Podrás recibir las entradas que publique en tu E-mail. Estarás informado de todas las novedades.	Pincha sobre este icono de la sidebar para mandarme un E-mail.
Escribe ahí lo que buscas en mi blog, y pincha el botón "Buscar". Así localizarás entre todos los posts el tema que estés buscando.	Pinchar sobre el botón inferior de este icono "Añadir a Favoritos", y os añadirá mi blog a "Favoritos" de vuestro navegador.	Con este botón situado en la parte inferior de mi blog podéis ayudar al mantenimiento de este blog. Cualquier donativo será bien acogido, teniendo todo mi agradecimiento.

Colocar enlaces o links en el blog

2009-09-26T10:44:00.002+02:00

Este tema es básico para el administrador de un blog que está comenzando. Siempre tenemos la necesidad, por diferentes motivos, de crear en nuestro blog unos enlaces hacia otras direcciones (blogs, webs, etiquetas de nuestro propio blog, etc...).

Un enlace o link no es más que un texto, imagen, banner o botón que al pinchar sobre él nos lleva a otra dirección de internet. Yo explicaré aquí los códigos necesarios para realizarlo mediante un texto o una imagen, entendiendo que la imagen puede ser fija o animada, por lo que incluirá banners, botones o simplemente imágenes fijas.

Empecemos con lo más fácil, un enlace en tu blog mediante "Texto". Pincha sobre el texto que viene a continuación:

Buscador Google:

Como podéis ver es un enlace a la página principal del buscador "Google". Los códigos necesarios para realizar este tipo de enlaces son los siguientes:

Leer completo...[+/-]

<p><a href="http://www.google.es/" target="_blank">Buscador Google:</a></p>

Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto. Sin borrar las comillas del inicio y del final.

Si queréis direccionar hacia una etiqueta de vuestro propio blog, leer este post que os resultará de mucha utilidad.

target="_blank" está colocado para que al pinchar se abra otra ventana del navegador con la nueva ruta, sin abandonar nuestro blog. Si lo que queremos es que al pinchar sobre el enlace nuestra visita se desplace a la nueva dirección, sin mantener abierto nuestro blog, borrar esa parte completamente.

Sustituir el texto Buscador Google por el texto que queráis que aparezca para enlazar.

El código resultante colocarlo en "Diseño/Elementos de la página" con "Añadir un gadget", como "Elemento HTML/Javascrit", y en la parte del blog que queráis, o incluso dentro de una entrada.

Ahora veamos como colocar un enlace con una imagen. Pincha sobre la imagen inferior:

Esta vez el enlace dirige hacia la página principal de Blogger. Para realizar estos enlaces los códigos son:

Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto, igual que en el caso anterior.

target="_blank" tiene el mismo significado también.

Y solo nos queda colocar la RUTA COMPLETA DE LA IMAGEN, y pegarlo en el blog como "ElementoHTML/Javascript".

Selección de plantillas Blogsmadeinspain tipo agenda o libro

2009-09-21T19:51:00.002+02:00

Ya llevo algún tiempo ofreciendo gratuitamente diseños de plantillas para Blogger, y creo que ha llegado la hora de traeros alguna selección de ellas, agrupadas según temática, colorido, o cualquier otro concepto.

Vamos a comenzar con una selección de plantillas de Blogsmadeinspain que estéticamente guardan parecido con agendas, notebooks, o libros. Además quizás sean las que más aceptación han tenido entre los usuarios, habiendo sido descargadas innumerables veces, y habiendo recibido muy buenas críticas la mayoría de ellas.

Pinchad sobre la imagen de la que os guste para redireccionaros a los post originales donde puedes descargarlas, y donde explico algo más de ellas.

De todas formas, os invito a que pinchéis en el botón de la sidebar llamado "Todas las plantillas diseñadas por mí". Ahí podréis ver todas las plantillas gratuitas de Blogsmadeinspain que os podéis descargar.

Ya podéis suscribiros a Blogsmadeinspain vía Email

2009-09-20T19:22:00.000+02:00

Pues, como dice el título del post, ya podéis suscribiros a mi blog vía Email. Sin ningún esfuerzo por vuestra parte, y sin ningún coste, podéis recibir en vuestro E-mail las nuevas entradas que se publiquen en Blogsmadeinspain.

Más fácil imposible. Pincháis sobre el icono que tengo en la sidebar "Vía Mail", o sobre el mismo icono que tenéis en este post. Os saldrá una ventana pidiendo vuestro E-mail.... Y listo.

Además os tengo preparada varias sorpresas, estoy renovando el blog, añadiendo nuevas cosas y enlaces con un nuevo blog donde podréis descargar los gifs animados más originales, totalmente de mi creación.

Ánimo, a suscribirse, así estaréis informados de las últimas novedades en diseño de blogs, las plantillas más originales, trucos, gadgets, y un largo etc...

Plantillas diseñadas por mí (19)

2009-09-14T12:24:00.002+02:00

Estos dos diseños provienen de numerosas peticiones de usuarios relativas a temática del motor y de música. La primera de ellas muy apropiada para noticias o aspectos relativos al mundo del motor, en general, y al de los coches en particular. Y la segunda plantilla, con un estilo mucho más clásico y elegante, con decoración de elementos musicales y un color de fondo muy atractivo.

Plantilla "motor_01":

Plantilla de 2 columnas con sidebar a derecha. Fondo negro y decoración en colores rojos y naranjas. Botones en la cabecera con un efecto "rollover" muy llamativo. Diseño de aspecto bastante agresivo y moderno.

La base es una plantilla de FinalSense. Se han usado dos imágenes de Jurko.net, y unos botones de mi creación de aspecto metálico.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantilla "musica_01":

Plantilla de 2 columnas con sidebar a la izquierda. Usando algunas imágenes de Vladstudio.com, se crea esta plantilla con fondo morado y decoración con motivos musicales.

Todo el diseño está dominado por grandes teclas de piano a la derecha de toda la plantilla. Esta plantilla es la primera de una serie de varias con diseño relativo a temas musicales.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantillas diseñadas por mí (18)

2009-09-03T12:40:00.001+02:00

Otra entrega de mis plantillas. En esta ocasión dos plantillas muy diferentes entre sí, la primera de estilo muy elegante con temática de caballos, o como dirían los ingleses de horses. Y la segunda, muy vistosa para los fanáticos del futbol, que son muchos, con un estilo menos original pero muy llamativa o colorida.

Espero que os gusten.

Plantilla "caballos_01":

Plantilla de 3 columnas con sidebars a derecha e izquierda. Diseño elegante con decoración retro e imagen de dos caballos de pura raza. Colores bien combinados que consiguen un diseño muy armónico.

La base es una plantilla de FinalSense. Se han usado dos imágenes de caballos de pura raza española. Plantilla ideal para los amantes de este hermoso animal.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantilla "Futbol_pro":

Plantilla de 2 columnas con sidebar a la izquierda. Usando una imagen de Fonditos.com y otra de DevianArt, se crea esta plantilla con fondo de un campo de futbol. Colores muy alegres y llamativos para los amantes de este deporte (futbol, soccer o football).

Ideal para blogs que se basan en noticias o historias de futbol, y que viene a completar una serie de plantillas que he diseñado con esta temática.

La base es una plantilla de FinalSense.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantillas diseñadas por mí (17)

2009-07-27T11:26:00.002+02:00

Por fín os traigo otras dos plantillas para Blogger diseñadas por mí, después de varios meses de teneros casi abandonados. La primera es una plantilla infantil inspirada en un dibujo que realizó mi hija cuando tenía 6 años, en el que también me basé para el diseño de un cartel para un concurso. Y la segunda plantilla proviene de una deuda con una persona que me pidió hace mucho tiempo un diseño con colores marineros y elementos de submarinismo.

Espero que os gusten.

Plantilla "Infantil_01":

Plantilla de 2 columnas con sidebar a derecha, y anchura de columnas la mayor que permite una resolución de 1024 x 768 píxeles. Diseño con fondo de papel y muchos colores, de aspecto infantil y realista. Con una columna central y una sidebar muy anchas, esta última perfecta para colocar grandes fotografías como la de la muestra.

La base es una plantilla de FinalSense, y el diseño de un cartel que hice para un concurso, con un dibujo que hizo mi hija de un mundo fantástico y mágico.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantilla "Marino_01":

Plantilla de 3 columnas con sidebars a derecha e izquierda. Usando una imagen de Wallpaperstock.net se crea esta plantilla con algunos elementos de submarinismo y con fondo de madera teñida de color azul. Ambiente muy marinero en colores y decoración.

La base es una plantilla de FinalSense.

(Instrucciones de descarga)

Descargar esta plantilla . . .

Ocultar el título y la descripción de vuestro blog

2009-07-13T16:33:00.001+02:00

Muchos me habéis consultado cómo ocultar el título y la descripción de vuestros blogs, ya que queréis colocar un logotipo o simplemente en la cabecera de vuestra plantilla ya está incluido vuestro título.

Hay muchas buenas razones por las que un administrador de un blog quiere que el título y la descripción no sean visibles:

1.- Como he comentado antes, puede ser simplemente que dicho título ya está incluido en la imagen de cabecera, para poder usar un tipo de letra más atractivo o algún efecto especial (reflejo, iluminación, brillo, etc...)

2.- A menudo el título se sustituye simplemente por un logotipo o una imagen corporativa, fácilmente identificable para vuestros visitantes. Podéis ver un claro ejemplo de esto en este blog, donde he sustituido el título y la descripción por el logotipo de mi blog.

3.- Otro buen motivo es que es muy útil tener un título, y sobre todo una descripción, con mucho texto, señalando con ello el contenido principal de vuestro blog. Esto se hace por que buscadores como Google, lo primero que indexan al buscar son los títulos y las descripciones, además de otros "truquitos" que otro día explicaré.

Esto lleva a administradores como yo, a elegir un título o una descripción para su blog donde tratan de contener el mayor número posible de palabras que expliquen su contenido, pensando precisamente en que los buscadores lo encuentren con mayor facilidad y rapidez.

Como ejemplo de este último punto os pondré la descripción completa que Blogsmadeinspain tiene, y que vosotros no podéis ver:

"diseño de blogs en español, enlaces a web de diseño, plantillas originales totalmente gratis, ayuda para blogs, widgets, gadgets, herramientas, plantillas, templates, design blogs, ayuda diseño, free templates, plantillas gratis, blogger"

Os imagináis que esa descripción de mi blog fuera visible... Pero además Blogger permite colocar hasta 500 caracteres.

Si os interesa el tema seguid leyendo y os explicaré como conseguir que vuestro título y descripción no sean visibles.

Leer completo...[+/-]

En el administrador de vuestro blog iros a "Diseño/Elementos de la página". El elemento que aparece siempre más arriba es la cabecera, pinchar sobre "Editar" de ese elemento. Os lo marco de color rojo en la siguiente captura de pantalla:

Os saldrá un cuadro como el que sigue:

Ese cuadro lo usamos, entre otras cosas, para poder colocar una imagen en lugar del título y la descripción. Para ello buscar en vuestro PC la imagen que queráis colocar, pinchando sobre "Examinar", y aseguraros que está marcada la opción "En lugar del título y la descripción".

Pero la imagen que colocáis así, os cubrirá la cabecera original, ocultando de esa forma el diseño de vuestra plantilla. Si lo que queréis es simplemente ocultar vuestro título y descripción para que no sea visible al público, sin afectar para nada al diseño, debéis cargar una imagen transparente, una imagen de muy poco tamaño (para que cargue rápidamente) y que no oculte la cabecera.

Os dejo una pequeña imagen de 1x1 píxeles y transparente que os puede servir muy bien para este fín:

Descargar imagen...

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

2009-07-08T11:09:00.002+02:00

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

2009-05-31T23:55:00.001+02:00

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

2009-04-22T10:55:00.000+02:00

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:

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

2009-04-03T16:15:00.000+02:00

Ú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.

Valora tu blog contestando a un sencillo test

2009-03-23T17:11:00.001+01:00

Aunque estoy seguro que muchos de vosotros ya conocéis este servicio de "Blog del dia", os lo presento en este post. Se trata de un sencillo cuestionario de 14 o 15 preguntas con el que esta página valorará la calidad de vuestro blog desde un punto de vista alejado de los métodos tradicionales y relativos sobre todo a número de enlaces o links (Google Pagerank, Alexa, Technorati, etc...).

Pinchar sobre la imagen de la izquierda y se os abrirá la ventana de este servicio, contestar a las preguntas y por último pinchar en el botón que aparece en la parte inferior del test "Valora".

Os valorará vuestro blog desde 0 hasta 100, y os dará una serie de consejos que os serán de bastante utilidad.

Para que veáis un ejemplo de valoración, comentar que Blogsmadeinspain ha sido valorado con un valor de 73 (sobre 100). También os dejo la trascripción literal de las "sugerencias" que detalla en mi caso:

"Sería conveniente que escribieras más frecuentemente. Ten en cuenta que tus lectores te leen a través de su lector de noticias, si tu blog está inactivo durante mucho tiempo, perderás audiencia.
Es conveniente que al final de cada post, pongas una relación de post anteriores relacionados con el tema. Esto permitirá a tus lectores tener más información y aumentarás el número de páginas vistas.
Aun cuando quieras guardar tu anonimato, deberías dar información acerca de la persona que escribe el blog, y cuál es el propósito del mismo."

Así que trataré de atender las sugerencias que me hace, siempre son bien recibidos buenos consejos como estos.

Y para los que queráis obtener una valoración más comercial o tradicional de vuestro blog, podéis acudir a Popuri.us, URLmetrix, Link Diagnosis, o muchas otras webs que hay por la red.

Una plantilla de Blogsmadeinspain entre las 20 mejores del año 2008

2009-03-10T19:12:00.001+01:00

Esta mañana me he despertado con la noticia de que una de las plantillas diseñadas por mí ha sido elegida por la prestigiosa web de lengua inglesa BloggerBuster, como uno de los 20 mejores diseños de plantillas para Blogger del año pasado (2008).

Se trata de la plantilla "agenda_01", renombrada en Btemplates.com como plantilla "Made in Spain". Podéis ver una demo y descargarla pinchando Aquí.

Tened en cuenta que esta web es una de las más visitadas relacionada con el diseño y la ayuda para blogs. Situada en el ranking de Technorati como la 58 a nivel mundial, con una Authority de 3.324 a día de hoy, con la posición 149.234 en el ranking de Alexa, y un Google Pagerank de 6.

La verdad es que a lo largo del año 2008, varias plantillas diseñadas por mí se han situado como destacadas en páginas importantes de descarga de plantillas, sirva como ejemplo el cuadro ranking de Btemplates, donde he marcado de color rojo las plantillas diseñadas por mí que aparecen entre las 5 primeras (de un total de casi 1.000 plantillas):

BloggerBuster ya incluyó en el mes de Agosto varias plantillas diseñadas por mí en su lista titulada "125 More excellent Blogger Templates", a finales del año Dobeweb.com también incluyó varias de mis plantillas en su lista "Blogger Templates - Beautiful Blogger Xml Templates (100+)". En Templates-blogger.com también figura una de mis plantillas entre las 5 más descargadas. Además de varias menciones más en otras páginas y blogs que también agradezco.

Resumiendo, ya que me ha quedado muy largo este post, comentar que me parece un sueño que los diseños de un diseñador aficionado como yo, puedan competir en igualdad de condiciones con diseñadores profesionales. No me queda más que dar las gracias a todas estas webs que he comentado y a todos los que usáis una plantilla diseñada por mí. Sin vuestras visitas y comentarios este blog no sería posible.

Los relojes más originales para tu blog

2009-03-10T17:15:00.001+01:00

Si eres de los que te gusta tener un reloj en la sidebar de tu blog no puedes dejar de visitar Clock-desktop.com. En esa web podrás encontrar los relojes más originales y mejor diseñados que he visto. Algunos son verdaderas obras de arte, y otros muy divertidos, los hay de todos los estilos y para todos los gustos.

Y como muestra ahí os dejo algunos que me han llamado la atención, aunque he de reconocer que no he podido verlos todos, ya que son más de 100 modelos distintos. (Os dejo solamente una imagen fija de ellos, para no ocupar excesiva memoria, pero merece la pena que los veáis funcionando)

De todos los modelos de reloj podéis elegir entre tres tamaños (152x112 px, 256x192 px y 400x300 px). Y la hora se adaptará a vuestra hora local según la dirección IP con la que hayas accedido a la web. Solo tenéis que elegir el modelo y tamaño deseado y la web os proporciona los códigos html para pegarlos como elemento en vuestra sidebar o cualquier otra parte del blog.

Blogsmadeinspain os hace un regalo muy especial

2009-02-17T15:55:00.002+01:00

Blogsmadeinspain cumple este mes de Febrero su primer año de vida, y para celebrarlo he decidido haceros un regalo muy especial a todos los que seguís este blog.

Se trata de la edición en formato PDF de un libro con todo el contenido publicado en Blogsmadeinspain a lo largo de este año. Casi 70 páginas donde podréis encontrar todas las entradas publicadas, las plantillas y demás material colgado en el blog para su descarga, incluyendo todos los links o enlaces originales del blog. Además, y para los más curiosos, os cuento algunos detalles sobre mí e incluyo una fotografía mía.

No podéis dejar pasar esta ocasión de tener todo este contenido en apenas 3 Mb. Está hecho con todo mi cariño y con mucha dedicación, espero que el resultado os guste, aunque tal vez no tiene un contenido excesivamente grande, pero sí os será de mucha utilidad, y no necesitaréis estar conectado a internet para poder leerme.

Mi intención es hacer una edición anual de este libro, con el contenido añadido al blog durante ese año.

Os dejo dos enlaces opcionales para la descarga del libro, ya que alguno de los servicios de alojamiento de archivos que uso se satura a veces, no permitiendo la descarga. (El segundo enlace es bastante más rápido)

Descargar libro... (ziddu.com)

Descargar libro... (4shared.com)

Para su lectura necesitaréis tener instalado en vuestro ordenador los programas Adobe Reader o Adobe Writer, así que ahí tenéis un botón enlace para descargar el primero de ellos de su página oficial, ya que es un programa gratuito.

Iconos de suscripción RSS animados

2009-02-02T18:15:00.002+01:00

Un elemento muy importante y que tiene que estar bien visible en vuestros blogs es el icono para que vuestros lectores puedan suscribirse a él. Si aún no conoces la importancia de este elemento lee este post que escribí hace algún tiempo. En él podréis averiguar qué es eso de "suscribirse" a vuestro blog.

Os he diseñado, con la ayuda de la web Gifmake.com, varios iconos animados de suscripción RSS. La mayoría para fondo blanco, aunque hay algunos muy llamativos con fondo negro. Para su descarga solo tenéis que pinchar con el botón derecho del ratón encima del que os guste, y clic en "Guardar imagen como..."

Os prometo más, y además una gran regalo sorpresa este mes de Febrero en que Blogsmadeinspain cumple un año de existencia.

GIFMAKE.COM - Hacer banners o gifs animados a partir de imágenes fijas

2009-01-18T12:10:00.001+01:00

Quiero presentaros una web fenomenal, se trata de Gifmake.com, donde podrás hacer fácil y rápidamente banners o gifs animadas a partir de imágenes fijas.

Si te manejas algo con editores de imágenes y lo que quieres es unirlas y crear movimiento o animaciones, esta es tu web. Muy fácil de hacer, rápida y sencilla de manejar, aunque está en inglés.

No tiene imágenes o modelos predefinidos que tú puedas escoger, para eso ya existen otras webs muy útiles, algunas de las cuales ya nombré en este post anterior. En Gifmake.com tú tienes que aportar las imágenes y la web te las une para formar una animación en formato "gif".

Os muestro dos pequeñas pruebas realizadas por mí:

La primera de ellas está compuesta por 62 imágenes, y la segunda es un sencillo banner de 4 imágenes. Dependiendo de la dificultad y el resultado que queráis así será el tiempo que vais a emplear. Pero lo que está claro es que el resultado puede ser desde lo más simple hasta lo más espectacular.

Solo tenéis que colocar la URL completa de cada imagen que queráis subir, o encontrarla en vuestro PC con el botón "Examinar", y pinchar sobre "Upload". Hacer esto con cada una de las imágenes que vayáis a usar en la creación. Asignar a cada una de ellas un tiempo determinadado y a pinchar sobre "Generate GIF". La web trabaja muy rápido y podréis hacer cuantas pruebas queráis antes de conseguir la animación definitiva.

Se me olvidaba, no es necesario que os registréis ni que instaléis nada en vuestro ordenador, simplemente entrar en la web y a funcionar.

Copias de seguridad de tu blog más fáciles

2009-01-13T20:04:00.001+01:00

Aunque un poco tarde, y ya que más vale tarde que nunca, os informaré de que desde Blogger ya pueden hacerse copias de seguridad de los blogs.

Anteriormente había publicado en este post métodos para hacer copias de seguridad completa de los blogs de Blogger. Dos de los elementos que resultaban más difíciles a la hora de realizar las copias de seguridad eran las entradas o posts y los comentarios de vuestros lectores, pues son precisamente esos dos elementos los que Blogger permite ahora exportar a tu ordenador en formato xml, a la vez que también permite volver a importarlo cuando queramos, incluso en otros blogs diferentes al original.

Para ello, acceder a vuestro panel de Administración, a "Configuración / Básico", ahí tenéis algo parecido a esto:

Pues bien, os he marcado en color rojo la opción que debéis elegir "Exportar blog". Como os he comentado antes, con ello conseguís una copia en vuestro ordenador de todas las entradas y comentarios de vuestro blog, que después podéis volver a importar al mismo blog o a otro, incluso hay otras plataformas de blogs que también admiten la importación de esta copia de seguridad.

En lo relativo a los demás elementos de los que debéis hacer copias de seguridad sigue siendo válido lo que os explicaba en este post anterior.

Aprovecho la ocasión para informaros que he detectado algunos problemas en la descarga de las plantillas. A veces el servicio de alojamiento de archivos ziddu.com no funciona bien y aparece una página en blanco, no rendiros e intentarlo a otra hora del día... seguro que entonces no habrá problemas. Es lo que tienen los servicios gratuitos de alojamiento.