Aprende a agrandar tus imágenes pasando el puntero por encima
Hoy os traigo, una vez mas, otro tutorial de personalización para vuestros blogs. Esta vez se trata de "Expando", un script que hará que cualquier imagen que vosotros queráis de vuestro blog aumente su tamaño con un efecto deslizante realmente simple y bonito, y al quitar el cursor la imagen recuperara su tamaño original también con el mismo efecto. Esto nos permitirá crear entradas con montones de imágenes en forma de galería y que quede todo bien ordenado y agradable a la vista.
Para ver como quedaría este efecto en una entrada podéis entrar en mi blog de pruebas pinchando en la imagen de la entrada.
Si te ha gustado y lo quieres en tu blog, lo que tendrás que hacer sera:
- Entrar en la edición del código HTML de tu blog (en la pestaña plantilla).
- Una vez allí buscar la palabra </head>.
- Cuando la tengas localizada, añades el siguiente código justo antes.
Y ya estaría casi terminado, ahora lo único que tendrás que hacer para insertar una imagen con estas características sería utilizar este código (Que pegaremos en el apartado HTML de nuestra entrada y no en el apartado ''Redactar'')
Y por último, sustituir URL de la imagen por la dirección a la imagen que vosotros queráis y el 100 por el tamaño que le queráis dar a la miniatura de vuestra imagen. Así de fácil, ya tendremos este efecto en nuestro blog.
Espero que os haya gustado y no dudéis en comentar si tenéis alguna duda.
Es genial!! Aunque por ahora no lo pondré, temo que la web empieze a ir lento. Pero me lo apunto, por si lo necesito algun día. (Podrías poner más cosas asi,que a mi me encanta.)
Es genial!! Aunque por ahora no lo pondré, temo que la web empieze a ir lento.
ResponderEliminarPero me lo apunto, por si lo necesito algun día.
(Podrías poner más cosas asi,que a mi me encanta.)
Un beso.
Anda, queda muy chulo! :o
ResponderEliminarMe lo apunto por si algún día necesito una cosa así jiji
Besitoooooooooooos
Gracias por la información, siempre va bien saberlo ;)
ResponderEliminarBesos,
qué original!
ResponderEliminarUn beso!
esta bien util!
ResponderEliminarbesito!
jajaja, queda muy chulo^^
ResponderEliminarGenial :)
ResponderEliminarSiempre es mejor saber más cosas, por si alguna vez se quiere cambiar algo haha
Un beso^^
Qué original^^ Se agranda muchísimo, dios c:
ResponderEliminar20150701 junda
ResponderEliminarreplica watches for sale
coach outlet
tory burch shoes
prada outlet
burberry outlet
chanel outlet
ray ban outlet
pandora jewelry stores
chanel online shop
prada shoes
kate spade outlet
coach outlet online
coach outlet
coach factory outlet
nike air max uk
tory burch outlet
ray-ban sunglasse
hollister outlet
kate spade bags
kate spade handbags
beats by dre
jordan shoes uk
longchamp pliage pas cher
nike blazer pas cher
ray ban outlet
kate spade new york
pandora bracelets
ray ban sunglasses
michael kors
air max uk
oakley sunglasses outlet
cheap jordan shoes
ray ban wayfarer
cheap oakley sunglasses
gucci borse