tutorial^^ efecto agrandado al pasar el cursor

   hola queridos pastelitos kawaii! les traigo este mono tutorial es un poco larguito si quieres    seguir leyendo pika en el botoncito del costado que dice seguir leyendo.




oki empecemos primero vamos a plantilla>editar HTML .
ponen ctrl MAS F y buscan </head>
ahora pondra el siguien codigo hantes de </head> :

<script type='text/javascript'>/ / <! [CDATA [/ * Expando Imagen Guión 2008 John Davenport Scheuercomo ya vimos en http://www.dynamicdrive.com/forums/nombre de usuario: jscheuer1 - Esta noticia debe quedarse para uso Legal* /if (document.images) {(function () {var cos, a = / Apple / .test (navigator.vendor), = a veces? 20: 40, velocidad = a? 40: 20;var expConIm = function (im) {im = im | | window.event;if (! expConIm.r.test (im.className))im im.target = | | im.srcElement | | null;if (im | |! expConIm.r.test (im.className))volver;var e = expConIm,widthHeight = function (dim) {devolver dim [0] * cos + dim [1] + "px";},cambiar el tamaño = function () {cos = (1 - ((Math.cos e.ims [/ i] salto veces) * math.pi.)) / 2;im.style.width = widthHeight (e.ims [i] w.);im.style.height = widthHeight (e.ims [i] h.);if (e.ims [i]. && d veces> e.ims [i]. salto) {+ + e.ims [i] saltar.;e.ims [i] timer = setTimeout (cambio de tamaño, velocidad).;} Else if (! E.ims [i]. && D e.ims [i]. Saltar> 0) {.. - e IMS [i] saltar;e.ims [i] timer = setTimeout (cambio de tamaño, velocidad).;}}, D = document.images, i = d.length - 1;para (i; i> -1, - i)if (d [i] == im) break;i = i + ​​im.src;if (! e.ims [i]) {im.title ='';e.ims [i] = {im: Nueva imagen (), salto: 0};e.ims [i]. im.onload = function () {e.ims [i] w = [e.ims [i] im.width - im.width, im.width.].;e.ims [i] h = [e.ims [i] im.height - im.height, im.height.].;e (im);};e.ims [i] = im.src im.src.;volver;}if (e.ims [i] temporizador.) clearTimeout (e.ims [i] temporizador.);e.ims [i] d = e.ims [i] d.!.;cambiar el tamaño ();};expConIm.ims = {};expConIm.r = new RegExp ('\ \ bexpando \ \ b');si (document.addEventListener) {document.addEventListener ('mouseover', expConIm, false);document.addEventListener ('mouseout', expConIm, false);}else if (document.attachEvent) {document.attachEvent ('onmouseover', expConIm);document.attachEvent ('onmouseout ", expConIm);}}) ();}/ /]]></ script><style>img.expando {margen: 10px;vertical-align: top;}</ style>

y le dan a guardar ^^