Efecto parpadeo

| |
Hey babies! Creo que en este blog aún no había subido ningún efecto y me parece fatal, ya que los hay muy bonitos, sobre todo si os interesa ponerle algún efecto bonito a los afiliados (o a cualquier imagen del blog), así que hoy traigo el primero y es un efecto parpadeo muy cute.

1. Vamos a Tema > Personalizar > Editar HTML y buscamos <head> y DEBAJO pegamos el siguiente código:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
No hay que modificar nada, sino el efecto no funcionará.

2. Ahora buscamos ]]></b:skin> y justo encima pegamos lo siguiente: 

.efeitopisca1{
padding:2px;
border:1px solid #dcdbdb;
}

.efeitopisca1:hover{
-webkit-animation-name: pisca;
-moz-animation-name: pisca;
-o-animation-name: pisca;
animation-name: pisca;
-webkit-animation-duration: 1s;
}

Lo que está en negrita se puede modificar, en este caso, el color y la anchura del borde.

3. Para terminar, añadimos un Gadget HTML/Javascript y ponemos el siguiente código:

<a href="LINK DEL BLOG" title="NOMBRE DEL BLOG">
<img src="LINK DE LA IMAGEN" class="efeitopisca1" /></a>

Y sólo hay que sustituir lo que está en negrita. Además, también podemos quitarle el link si no es algo que nos interese.

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.