sábado, 4 de agosto de 2012

Imagen en la esquina inferior [Tips]

Hello people! ¿Como han estado? Yo, el sábado fui a una conve adelantada de Halloween en mi ciudad :3 Fuí con unas amigas, y me disfrazaron disfrazé de Zombie, con ese maquillaje especial, la camisa rajada, etc. Lo peor es que llegamos tarde, y cuando pregunté en el mesón de comida, ya se habian acabado los Pockys ;W;
Y bien, al grano:


Imagen en la esquina inferior
De seguro habran visto este bonito "accesorio" en muchos blogs de utilidades; Es solo una imagen cualquiera que esta superpuesta a la página y que se encuentra en la parte inferior derecha de la pantalla. Usualmente, la imagen lleva un texto diciendo algo como "Comenta, por favor" o "Sigueme"; A veces, lleva Links para re-direccionar


Hay distintas formas de colocar este Gadget desde el html de la plantilla; La forma mas simple, y mas conocida es ir a Diseño -> Añadir Gadget -> Texto HTML -> Y copiar y pegar lo siguiente:
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URLDELBLOG"/><img src="URLDELAIMAGEN"/></a>
Ahora solo se debe cambiar lo marcado en rojo por el Link al que quieres re-direccionar la imagen cuando hagan click en ella, y la URL de dicha imagen que deseas poner

Cambiar su posición
Si bien, lo comun es tener esta imagen a un costado inferior del Blog para una mejor visualización, podemos cambiar la posición y el lugar donde quedará, para dejar el gadget algo mas original 8D

 Para esto, nos situamos en el código y buscamos lo destacado en color:
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URLDELBLOG"/><img src="URLDELAIMAGEN"/></a>
Y ahora, con una breve explicación de cada valor, podemos empezar a mover el Gadget:
  • Bottom: Significa que la imagen irá en la parte inferior de la página. Pero, si eres de las personas a las que les gusta romper lo tradicional, puedes cambiarlo a "Top" para que se muestre en la parte superior de tu página
  •  
  • "0" píxeles: Esta es la distancia entre la imagen y la parte inferior (o superior) de la página. Es decir, no necesariamente tu imágen puede estar a un rincón. Lo recomendable es que, si vas a distanciar un poco el gadget del borde, el valor sea mínimo 50px
  •  
  • Right: Es el lado al que se posicionará la imagen, es decir, a la derecha (right) o izquierda (left). Es escencial que el nombre esté escrito en ingles
  •  
  • 0 Píxeles: Es la distancia entre la imagen y el lado derecho o izquierdo de la página (dependiendo a que lado la hayan dejado). Y lo mismo que con el anterior valor; Si vas a distanciar a tu gadget un poco del costado, el valor debe ser mínimo 50px

Y eso seria todo, ¿Dudas, preguntas? Puedes hacerlas por aqui o desde el cbox 8DDD

No hay comentarios :

Publicar un comentario