Como poner una imagen flotante de Halloween en Blogger

Terminamos la semana temática de gráficos de Halloween para decorar tu blog y tus diseños. Te dejo un pequeño recopilatorio de todo lo que he compartido con vosotros esta semana por si se te ha pasado algo:

    Hoy voy a contaros como poner una imagen flotante de Happy Halloween en la cabecera del blog, justo a la izquierda, para no tapar el título.

    Código para añadir imagen flotante en el cabecero del blog

    Es éste:
    <a style=”display:scroll;position:fixed;top:5px;left:5px;”  href=”#” alt=”Halloween” title=”Happy Halloween“><img style=”border:0;” src=”URL DE TU IMAGEN“/></a>

    ♥ top:5px -> indicamos que queremos la imagen arriba (top) dejando un margen de 5px respecto al límite superior del blog.
    ♥ left;5px -> programamos que nuestra imagen aparezca a la izquierda (left) dejando un margen de 5px respecto al límite izquierdo del blog.
    ♥ # -> La imagen no enlaza a ninguna página, si quieres enlazarla a alguna página especial de tu blog, solo tienes que sustituir el símbolo # por la URL de tu página. Si no quieres añadir enlaces, deja la almohadilla (#).
    ♥ Halloween -> etiqueta alt, le indicamos a Google la descripción de nuestra imagen.
    ♥ Happy Halloween -> etiqueta title, este texto aparecerá cuando pasemos el cursor sobre nuestra imagen.

    Cambiando estos parámetros puedes modificar la posición y margenes de tu imagen flotante para adaptarla perfectamente al diseño de tu blog. También puedes cambiar la descripción y el título.

    ♥ URL DE TU IMAGEN -> En esta etiqueta va el enlace de la imagen que queremos que aparezca en el cabecero de nuestro blog.

    Se

    Puedes ver el resultado en este blog de pruebas de diseño gráfico para blogger.

    Elegir la imagen flotante para el blog

    Instalar imagen flotante en la cabecera del blog

    Muy sencillo.

    Añadimos la URL de la imagen que hayamos escogido al código, por ejemplo:

    <a style=”display:scroll;position:fixed;top:5px;left:5px;”  href=”#” alt=”Halloween” title=”Happy Halloween”><img style=”border:0;” src=”https://lh5.googleusercontent.com/-GscqsctHoNk/UmhbFx17znI/AAAAAAAAJ00/7SRcVn4og8o/w288-h306-no/001.png”/></a>
    • Copiamos el código y vamos a Blogger –> Diseño
    • Añadir un gadget –> HTML/Javascript
    • Pegamos el código y aceptamos.
    ¡¡Listo!! Ya tenemos una imagen flotante de Happy Halloween en el margen izquierdo superior de nuestro blog. 
    Para quitarla, solo tienes que eliminar el gadget y desaparecerá.
    * IMPORTANTE * Si Blogger no te permite guardar tu gadget sin añadir un título pero quieres que aparezca en blanco para que no estropee la imagen, añade como título el siguiente código:
    <h2></h2>
    ¡¡Ya me contarás si te animas a usarlo!! Y, si quieres, déjame el enlace para verlo, ¡que me hace ilusión!



    Suscríbete a mis entradas por email ¡para no perderte nada!

    ♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥

    Te encantará:

    The following two tabs change content below.

    Celia

    Diseñadora, Mentora y Formadora Online at El Perro de Papel
    Mamá y emprendedora a tiempo completo. Ayudo a otras mujeres y madres soñadoras a emprender un negocio online de éxito para conciliar su vida personal y profesional.Si este artículo te ha gustado, sigue aprendiendo conmigo en mi reto gratis de 14 días para conectar con tu mejor versión CLICK AQUÍ.Y AQUÍ tienes mi curso premium para mamás emprendedoras que quieren hacer realidad su idea genial, mano a mano, conmigo.¡Que tengas un feliz día, soñadora!

    ¿CANSADA DE TRABAJAR TANTAS HORAS SIN VER LOS RESULTADOS ESPERADOS?

    Te regalo mi CURSO GRATIS DE 5 DÍAS para mamás emprendedoras que quieren conciliar su vida personal y profesional sin volverse locas ni renunciar a sus sueños.

    ¡Bienvenida! Ahora revisa tu correo ;)

    Pin It on Pinterest

    Share This