Nota personal: Estoy escribiendo esto con los guantes puestos... mis manos se ponen tan frías que a veces no hay otro modo de calentarlas si no es así ಥ_ಥ.
1. Vamos a Tema > Personalizar > Editar HTML y buscamos <head>. Tras encontrarlo, debajo, pegamos el siguiente código:
<link href='http://static.tumblr.com/q5xxpiq/odamqngfp/lover.css' media='screen' rel='stylesheet'/>
2. Ahora buscamos ]]></b:skin> y justo arriba pegamos lo siguiente:
.lover { float:center; padding:2px; border:1px solid #f2f2f2; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .lover:hover{ border-radius: 50px; border:1px solid #dcded2; -webkit-animation: lover; -moz-animation: lover; -o-animation: lover; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
Lo que está en negrita se puede modificar.
3. Ahora lo único que nos queda por hacer es añadir un nuevo gadget HTML/Javascript y añadir el siguiente código y repetirlo tantas veces como nos interese y cambiar lo que está en negrita:
<a href="LINK" title="TÍTULO"><img src="URL DE LA IMAGEN" class="lover" /></a> <a href="LINK" title="TÍTULO"><img src="URL DE LA IMAGEN" class="lover" /></a>
Y listo, ya tenemos un bonito efecto para afiliados o imágenes en general.
No hay comentarios:
Publicar un comentario
Hey! Si has llegado hasta aquí es porque has leído todo el post y si no, intenta hacerlo, tal vez haya escrito algo sobre mí, el blog o cualquier tema que a mi me parezca importante.
Aquí dejo algunos puntos a tener en cuenta a la hora de comentar:
★ Por favor, sé respetuoso/a.
★ Si tienes cualquier duda que no se pueda resolver por comentarios o cualquier pedido, hazlo en Contacto.
★ ¿Quieres afiliarte? Puedes dejar el link en la sección Afiliate.
★ ¡Gracias por visitar el blog!
Aquí dejo algunos Kaomojis por si quieres usarlos:
(* ^ ω ^) ☆ *:… o (≧ ▽ ≦) o…: * ☆ (o ^ ▽ ^ o) (‘. • ω •.`) (o · ω · o) (@ ^ – ^) ヽ (* · ω ·) ノヽ (o ^ – ^ o) ノ (^ 人 ^) (^ ▽ ^) (¯ ▽ ¯) (‘. • ᵕ •.`) (≧ ▽ ≦) / (♡ ˙)˙ ♡) (* ¯ ³ *) ♡ (* ♡ ∀ ♡) ♡ (¯ ▽ ¯) / ♡ (> ﹏ <) (; ⌣_⌣) (–_–) (╯_╰) (T_T) (╥ω╥) (O_O;) (⊙_⊙) (⌒ ▽ ⌒) (^ – ^ *) / (o’ω`o) ノ (✧∀✧) / (~ ▽ ¯) ~ (^ _ ^ ♪) (~ ˘ ▽ ˘) ~ (˘ ▽ ˘) っ ♨ (͡ ° ͜ʖ ͡ °)
O si estás usando Windows, usa la combinación de teclas Windows + . (punto) para otros símbolos y/o emojis.