Añade un Colgante

 queridísimos CrazyLovers!! 

Seguimos de tuto en tuto y hoy toca aprender a colocar en nuestro blogee un bonito Colgante.

 Si no sabéis a qué me refiero, mirad esta imagen de aquí abajito para que os hagáis una idea.

En efecto, no es más que una imagen gif, en forma vertical que da la sensación de estar colgada.

Bien, empezamos...

1. Nos vamos a Diseño.
2. Hacemos clic en + Añadir un gadget.
3. Seleccionamos HTML/JavaScript.
4. Damos un clic dentro de la casilla Contenido.
5. Y pegamos el siguiente código presionando las teclas Ctrl V o clic derecho Pegar.

Código

<div style="text-align: center;"><a style= "@media screen and (max-width: 980px) display: none; right: 10px; height: 200px; width: 70px; position: fixed; top: 29px;" href="Url de la Pagina/Entrada/Sitio Web" title="Texto que aparecerá en el ToolTip"><img src="Url de tu imagen" _fcksavedurl="" alt="" /></a></div>

  

 Ahora bien, todos los códigos en negrita son personalizables

Vamos con los Tecnicismos

• text-align: Alineación del texto.
• right: Donde irá colocado nuestro colgante, en este caso iría a la derecha, en caso de que queramos cambiar su ubicación deberemos sustituir right por left o center.
• height: Altura de la imagen que pongamos como colgante.
• width: Ancho de la imagen que pongamos como colgante.
• top: Altura a la que estará nuestro colgante.
• En caso de que quieras un simple colgante cuya única función sea decorar tu blog, simplemente borra estas líneas del código y asunto resuelto:
• href="Url de la Pagina/Entrada/Sitio Web" title="Texto que aparecerá en el ToolTip"

 Una vez todo esté a nuestro gusto damos un clic en el botón Guardar que se encuentra en la parte superior derecha del todo y listo! 

Y así llegamos al final de este tuto ♥

por leerme. 

      

Recuerda seguirme en mis Redes Sociales     .