Imágenes efecto zoom al pasar el mouse encima

¡Hola!

Como ya saben de varios tutoriales, para colocar estos efectos deben ir directamente a modificar la plantilla. Este es el efecto.

¡Empecemos!

  1. Plantilla - Crear/Restablecer copia de seguridad (PASO OBLIGATORIO)
  2. Plantilla - Editor html
  3. Hacer click en el cuadro de código y hacer Ctrl+f
  4. Buscar ]]></b:skin>
  5. Arriba de la etiqueta colocar:
  6. RECORDAR QUE PARA COPIAR CÓDIGO DEBERÁN HACER CLICK EN view raw

      6. Dar en Vista Previa y si no hay ningún error, Guardar plantilla.
      7. Ir a Entradas - Crear nueva entrada.
      8. Colocar una imagen y luego dar click en HTML.

Aparecerá algo así:
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK DE IMAGEN" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="zoom" height="250" src="LINK DE IMAGEN" width="200" /></a></div>
<br />

Deberán agregar el class="zoom" como aparece allí. Esto deberán hacerlo con cada imagen que deseen que aparezca así.

Si quieren que se aplique a todas las imágenes de sus entradas sin necesidad de modificar cada imagen, El código que deberán colocar arriba de ]]></b:skin> será:


¡Eso es todo!

  

0 comentarios:

Publicar un comentario