3 de noviembre de 2016

Tutorial: Imagen estática en una esquina del blog + Feebies

  • Ir a: Plantilla ▸ Editar HTML ▸ Buscar (Ctrl + F):  </body>
  • ARRIBA ese código agrega:
<a href='#'><img alt='ir arriba' border='0' src='URL-DE-LA-IMAGEN' style='position:fixed; bottom:0; left:0;'/></a>
Entendiendo el código:
✔ #: Si lo quieres puedes agregar un url que al hacer click en la imagen te lleve a alguna página.
✔ URL-DE-LA-IMAGEN: URL de la imagen que desees sea estática.
✔ bottom:0: Distancia entre la imagen y el pie de la página
✔ left:0: Distancia entre la imagen y el lateral del blog.  (La imagen estará en la izquierda del blog. Si deseas que esta en la derecha solo cambia left por right)
✔ Para aumentar la distancia tanto del lateral como el pie de página solo modifica el cero (0) por un número mayor.

  • Y listo. Guardar plantilla y saldrá tu imagen.
¿Qué imagen podemos tener estática?:

Esta estrategia funciona perfecto para colocar una imagen de:

"Recuerda comentar mi blog / Mi blog se alimenta de tus comentarios"



"Regresar al blog principal o ir a mi otro blog"


Avisos como "No Copy/Paste"


+ Cartelitos Copy / Paste en Bleiÿ Doll

Carteles de "Recuerda Seguirme / Sígueme"


A mi me encanta para colocar carteles de Recuerda comentar mi blog. Pero tu puedes crear colocar cualquier aviso o imagen. Deja jugar tu imaginación.

Muchos besos y abrazos, hasta la próxima

2 comentarios: