viernes, 11 de diciembre de 2015

Cómo añadir un banner a mi Blogger

En este artículo vamos a ver cómo añadir un banner en la barra lateral de Blogger, en este caso añadiremos un banner compuesto por 4 imágenes de 125 x 125. Para que podamos añadir este banner a la barra lateral de nuestro Blogger ésta debe tener un ancho mínimo de 280px.

PASOS PARA AÑADIR UN BANNER LATERAL EN BLOGGER

Como podréis comprobar a continuación añadir un banner en la barra lateral de Blogger es un procedimiento sencillo, tan solo deberéis seguir los siguientes pasos:


  1. Paso 1 Dirigirse a la sección Diseño > Edición de HTML y buscar el siguiente texto ]]></b:skin>
  2. Paso 2 Pegar el siguiente código:

    /* PERSONALIZACIÓN BANNERS DE 125 x 125
    ---------------------------------------------------- */
    .BannerLateral {
    margin-top:5px;
    margin-left:5px;
    }
    .BannerLateral img {
    padding: 4px;
    margin-bottom: 5px;
    }

  3. Paso 3 Una vez pegado el código anterior tendremos que añadir un gadget de tipo HTML/Javascript por lo que nos dirigimos a la sección Diseño > Añadir un gadget > HTML/Javascript y pegamos el siguiente código:

    <div class="BannerLateral">
    <a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
    <a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
    <a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
    <a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
    </div>

  4. Paso 4 Una vez que hayáis añadido el gadget tendréis que personalizarlo cambiando el texto que aparece en rojo por vuestros datos.

0 comentarios:

Publicar un comentario