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

Como hacer 1 banner (sin Photoshop) y ponerlo en mi blog
Si te ha gustado, ¡vota este post!

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.

mi propio banner en mi 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.

banner blogger 3cero

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

pantallazo de añadir entrada

Pantallazo blogger3cero

Pantallazo wordpress

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!

Deja un comentario y comparte con la comunidad B30 (10)

  • Cielo Publicado hace 3 años Responder

    Hola! me gustaría saber como puedo colocar mi banner al estilo de esta pag. http://sintonialiteraria.blogspot.com.ar/

    Dean Romero Publicado hace 3 años Responder

    Hola!

    No he terminado de entender la pregunta, jeje

  • Panuvasyqueso Publicado hace 3 años Responder

    Gracias por tu entrada! me ha venido genial 🙂

    Dean Romero Publicado hace 3 años Responder

    Me alegro que te haya servido, bonito blog!

  • María Gabriela Publicado hace 2 años Responder

    Muchas gracias! lo voy a aplicar en mis blogs 😀

  • Carlos Maldonado Publicado hace 2 años Responder

    Genial, gran publicación! Todo bien explicado y me funcionó que es lo mas importante. Gracias 🙂

  • Juan Carlos Páez Núñez Publicado hace 2 años Responder

    Hola Dean: Gracias por compartir este post

    Te pregunto: ¿Estos consejos los puedo utilizar tambi’en para promocionar un E-Book Gratuito o incluso uno de Pago en Amazon?
    Saludos

    Dean Romero Publicado hace 2 años Responder

    Si claro que los puedes usar 🙂

  • Enrique Publicado hace 2 años Responder

    Buenisimo el post. No encontraba en ningun lado como hacerlo y tu solucion es sencilla y practica.
    Muchas gracias

    Dean Romero Publicado hace 2 años Responder

    gracias !!

Deja tu comentario