Como hacer 1 banner (sin Photoshop) y ponerlo en mi blog

Los vemos por todos lados, los famosos banners están presentes en cada blog o página web. Un banner no es más que «un trozo de cartulina digital» bien dibujado y linkado hacia alguna página web ya sea interna o fuera del sitio.

Hay muchas empresas que nos cobran por este tipo de servicios pero para el emprendedor medio mientras menos costes se tenga mejor que mejor. Vamos a aprender como podemos hacer un banner (sin photoshop) y después subirlo a nuestro blog.

¿Pero para que quiero un banner hecho por mi en mi propio blog?

Las posibilidades de saber diseñar nuestros propios banners y subirlos a nuestros blogs son muchísimas. Por un lado podemos de esta manera promocionar nuestros mejores contenidos colocados en un Widget y de manera mucho más visual y atractiva que solo a través de un enlace.

Por otro lado si tenemos una tienda online o queremos desarrollar una, en mi opinión, es fundamental conocer este proceso de creación, ya que nos va a permitir poner varios banners en la página de aterrizaje de nuestro blog promocionando nuestros distintos productos en una sola página, y si el usuario se interesa por uno en concreto, solo tiene que clickar sobre el y será redirigido a una  segunda página más detallada.

Hacer mi propio banner paso a paso 

1. Abrimos Paint (En defecto de Photoshop)

El programa más típico para dibujar, mucho más accesible que photoshop, aunque menos potente.

2. Empezamos a dibujar

Ahora comenzamos a diseñar con letras y colores un banner sencillo, básicamente la idea es que el visitante sepa a donde va a ir cuando clicke en el banner, no es necesario que sea «espectacular», aunque lógicamente a más atractivo sea mayor número de clics recibirá.

Yo he diseñado este banner sencillo, como puedes ver super básico por no decir otra cosa, (pero es que soy más de photoshop ;-)). No obstante nos vale como ejemplo. Una vez ya tenemos el dibujo con el tamaño deseado (fíjate bien en el tamaño que necesitas, los píxeles de alto y píxeles de ancho), simplemente lo guardamos, por ejemplo en el escritorio.

3. Entramos en nuestro blog

Una vez dentro del panel, vamos a añadir una nueva entrada pulsando Añadir nueva (1).

Ahora lo que toca es subir la imágen de la foto que hemos guardado. Pulsando añadir objeto, como si fueramos a insertar cualquier foto normal.

En este momento aparecerá la foto en el panel, ahora tenemos que pulsar el botón Insertar enlace (2) y es aquí donde insertaremos la dirección a la que dirigir al usuario una vez clicke en nuestro banner.

Ahora pulsamos el botón Texto (3) para obtener la secuancia de código de la fotografía, este es el elemento que nos interesa obtener. Una vez tenemos el código tenemos el poder. Copiamos (Control + C).

4. Nos vamos al sidebar

O a cualquier otro punto donde queramos colocar el banner. Solo tenemos que pegar el código que antes hemos copiado y por fín… ¡Ya aparecerá en nuestro blog!

5. ¡Listo! Ya tenemos un nuevo elemento visual potente en el blog

Esta es una manera muy básica de realizar el proceso, pero es la esencia. Si dispones de photoshop y tienes algo de manejo con él se pueden hacer auténticas maravillas para captar la atención del usuario en determinadas zonas rojas de la web y redirigir el tráfico donde más lo necesitemos.

¡A qué estás esperando para hacer un banner de tu mejor entrada y ponerlo en el sidebar! 😉

 ¿Te ha gustado el post? Compártelo!