15 abr. 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.


Si te ha gustado el artículo sobre cómo añadir un banner en la barra lateral de Blogger puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR