Ampliar imágenes al pasar el cursor por encima (onmouseover):

Con este sencillo truco podremos lograr que una imagen se amplie al pasar el cursor por encima de ella.
Solo tenemos que copiar y pegar el siguiente código donde queremos que se produzca el efecto, ya sea en una entrada o en un Elemento HTML/Javascript:

<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />

1.   "this.width=400;this.height=300;"  > Indica el ancho (width) y el alto (height) de la imagen cuando el cursor está encima de la imagen (Cambialo por las medidas de la imagen original).

2.  "this.width=200;this.height=150;" width="200" height="150" > Indica el ancho (width) y el alto (height) de la imagen cuando el cursor está fuera de la imagen (Cámbialos por las medidas que desees, para que quede mas pequeño que la original).

3. Y por supuesto, cambia URL DE LA IMAGEN, por la dirección correspondiente.

4. También puedes cambiar (aunque no es obligatorio), onmouseover, por onclick, por ejemplo, consiguiendo asi que la imagen se aumente al pinchar sobre ella.

Aquí un ejemplo:

Esperamos que os sea útil el truco. Saludos!!!!

Cumpleaños de Blogger y grandes cambios en él este verano:

Bueno, como sabréis, hace bastantes semanas, Blogger cumplió 10 años (enlace), y presentó un nuevo logo en su página principal (Aunque parezca increible no he podido encontrar una imagen mejor :D )

Éste no fue el único cambio de Blogger últimamente. También implementó durante el verano, multiples novedades muy útiles, que muchos Bloggers ya llevábamos esperando hace mucho tiempo, y que con paciencia, al fin han llegado.

Asi que aquí os presentamos una lista de esas nuevas utilidades que añadió, con los enlaces a diferentes sitios donde lo explican muy bien:

1. Nuevo editor actualizado y con nueva apariencia: Para activarlo solo hay que ir a Configuración > Configuración Global > Seleccionar editor de entradas > Y marcar Editor actualizado.

Seleccionar editor de entradas:

Editor actualizado
Editor anterior

Ocultar modo de redacción (Bla,bla...)

 

Toda ésta y mucha más información en esta entrada de Vagabundia.

Mostrar/Ocultar el resto de la entrada [+/-]

2. Nueva opción "Leer más": Blogger anuncia a principios de Septiembre que ya está disponible la Opción de Leer Más en las entradas. Para modificarlo hay que dirigirse a Diseño> Editar Gadget de Entradas del Blog (el más grande), y para ponerlo, hay que pinchar en el icono de salto de línea en el editor (solo en el actualizado), y colocar esa línea donde se quiera. En esta entrada de Vagabundia, explican la novedad y como implementarlo fácilmente en el blog.

Texto del enlace de la página de entrada:

3. Nube de Etiquetas disponible en Blogger: Ya se puede insertar de manera fácil y sencilla una nube de etiquetas en un blog de Blogger. Para ello: Añadimos un gadget de Etiquetas y en él marcamos nube:

Mostrar Lista Nube

Ésta información la pueden ver más detalladamente en ésta entrada de Blog and Web.

4. Ya pueden salir las fotos del perfil en los comentarios de un blog de Blogger!
Para activar esta opción, ve a Configuración > Comentarios y pinchamos en SI:
 

¿Mostrar imágenes de perfil en los comentarios?

Sí No

5. "Ver entrada" al publicarla, en vez de Ver Blog: Con esta opción se puede ir directamente a la entrada que acabamos de crear o modificar. No hay que hacer nada para activarlo, aparece automáticamente desde hace unos días. Saldrá mas o menos ésto:

Ver entrada

- - - - - - -
Y si quieren un poco más de información, pueden consultar esta entrada de Vagabundia, como no, siempre atento a todo :)

Esto es todo por el momento. Esperemos que Blogger siga asi...

Muchos saludos!!!

Evitar copiar una imagen

Utilizando este código podrás evitar que los visitantes de tu blog te copien una imágen que consideres importante, que hayas creado tú y te moleste su uso sin tu permiso, etc.
Simplemente tienes que pegar éste código allí donde quieras poner la imagen :

<img src="URL de la imagen" oncontextmenu="alert('Aviso al intentar copiar');return false" oncopy="alert('Aviso al intentar copiar');return false"/>

1. Debes sustituir la URL de la imagen, por la correspondiente dirección.

2. Debes sustituir Aviso al intentar copiar, 2 veces, por el texto que saldrá cuando alguien intenté copiar la imagen.

3. (No necesario) En éste código se utiliza un poquito de Javascript. Puedes personalizar (además del mensaje que saldrá en la ventana de aviso) el icono que aparecerá; puedes cambiar alert, por confirm, por ejemplo.

Ejemplo:

 ATENCIÓN: Este truco no impide totalmente que se pueda coger y usar la imagen. Es solo una utilidad más que puedes poner en tu blog si quieres una "pequeña" protección.

Saludos!!!!