fbpx

Como hacer un banner para tu blog

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email

Recuerdo que cuando empezaba uno de mis blogs y quería añadir un banner siempre recurría a amigos que supieran usar Photoshop para que me lo creasen. Esto dejó de ocurrir cuando descubrí PicMonkey. Se trata de un editor de fotos online gratuito (algunas funcionalidades son de pago, pero muy pocas) con el que podrás crear banners, cabeceras para tu blog e incluso retocar imágenes con efectos.

En este post te enseñaré como crear un banner para uno de los laterales del blog. Tu puedes usar este tutorial para crear una cabecera chula si así deseas, pues sería el mismo procedimiento cambiando sólo los tamaños y ubicación del banner.

Para empezar debemos elegir el sitio donde vamos a poner el banner y sus medidas. Si no sabes las medidas para tu banner, puedes visitar cualquier blog, situarte encima del banner que te mole y que creas que te valdría para tu blog y lo guardas en tu escritorio pulsando «Guardar como». Una vez guardado, te vuelves a situar sobre la imagen y con el botón secundario del ratón marcas «Propiedades». Te debería de salir las dimensiones de la imagen (Ejemplo: 150×150 pixeles).

No obstante, en el caso de Blogger, una vez que subes el banner para publicarlo, puedes pulsar la opción de adaptarlo al espacio que tienes.

Yo en mi caso elegí un banner de 250×250 pixeles. Asi pues, me voy a la página de PicMonkey.

Lo primero que haremos será crear el lienzo en el cual pintaremos nuestro banner. Para ello pulsaremos sobre «Create a collage».

Se nos abrirá una nueva ventana donde deberemos de pulsar el símbolo de Layouts y luego poner las medidas de nuestro banner debajo del lienzo que nos aparece en el centro de la pantalla. Una vez puestas las medidas pulsamos sobre el candado para fijar las medidas.

Ahora, una vez tengamos nuestro lienzo, pulsamos en «Save», le damos un nombre y lo guardamos en nuestro escritorio.

A continuación viene lo divertido, diseñar nuestro banner. Para ello abrimos de nuevo la página de PicMonkey , pero esta vez pulsamos sobre «Edit a photo». Nos pedirá que elijamos la foto a editar, que no será mas que el lienzo que hemos guardado en nuestro escritorio.

Ahora, en el menú de la izquierda podremos ir arrastrando figuras geométricas, textos, iconos, cambiarles el color, el tamaño, etc. Existen funcionalidades que tienen una corona encima . Esto significa que deberás de pagar por su uso. Yo he creado banners muy chulos sin tener que pagar nada. Solo es darle a la imaginación.

Cuando tengamos nuestro banner terminado, le damos a «Save » y lo guardamos de nuevo en nuestro escritorio.

Ahora es momento de subirlo al blog. Para ello, en Blogger, deberemos de ir a la parte de diseño y añadir un widget de imagen.

 Se nos abrirá una ventana donde subiremos nuestra imagen desde el ordenador y añadiremos la url de destino (dirección a la que queramos que nos lleve el banner una vez cliquemos sobre él). El campo de título y pie de foto lo podemos dejar vacío.
Guardamos la página y listo! Ya tenemos nuestro banner. Recuerda que con este mismo procedimiento podrás crear también una cabecera para tu blog.

También podría interesarte...

Deja un comentario

 

Responsable: Israel Huerta +info
Finalidad: Moderar los comentarios a los artículos publicados en el blog. +info
Legitimación: Consentimiento del interesado +info
Destinatarios: No se comunicarán datos a persona u organización alguna. +info
Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional. +info
Plazo de conservación de los datos: Hasta que no se solicite su supresión por el interesado.
Información adicional: Puedes consultar la información adicional y detallada sobre Protección de Datos Personales en el siguiente link +info 


Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  Acepto la política de privacidad *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies