Efecto de sacudido en enlaces

El efecto de sacudido es un efecto que al hacer click sobre un enlace o elemento éste se sacude de un lado a otro.

Para poner este Efecto Se dirigen a Diseño, luego Edición de HTML y con Control+f buscan </head> y justo antes de eso colocan lo siguiente:


<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->
<script type='text/javascript'>

function ShakeEffect(element){
new Effect.Shake(element);
}

</script>


Colocar antes de guardar vista previa para verificar que no haya ocurrido ningún cambio desagradable en nuestro blog.
Luego solamente para utilizar este efecto en sus imágenes deben colocar el URL de ella junto con el URL de algún enlace en el siguiente código:

<a href="URL del enlace"onclick="ShakeEffect(this);"><img src="URL de la imagen" /></a>

Si lo desean colocar en un enlace de texto sería con este código:

<a href="URL del enlace" onclick="ShakeEffect(this);">Texto del enlace
</a>


Ahora si quieres que este efecto quede como el mio y se aplique sólo al pasar el cursor y no al hacer click inmediatamente sobre la imagen o texto, sólo debes cambiar dónde diga onclick por onmouseover.

Éxito! 


Espero que les ayude!! CREDITOS shojodecora.blogspot.com
Créditos: Ciudad Blogger