Decora y personaliza tu blog para Halloween:

Especial entrada Halloween 2009!

Como sabréis, este Sábado se celebra la fiesta de Halloween, asi que, ¿que mejor idea que decorar tu blog aprovechando esta fiesta?
Pues bien, en esta entrada te vamos a mostrar un montón de trucos para que puedas dejarlo fantástico.

1. Pon un cursor halloweño en tu blog (También sirve para cualquier otro cursor):

Probablemente ya habrás visto el cursor del fantasmita que sale en este blog.
Pues ponerlo es muy fácil, basta con añadir un poco de CSS en la Edición de Html de tu plantilla.

1º: Buscamos un cursor que nos guste por internet. En la página www.totallyfreecursors.com/search.cfm?q=halloween puedes encontrar muchos cursores de Halloween, aqui tienes varios ejemplos y la URL que ahora después utilizaremos:

http://downloads.totallyfreecursors.com/cursor_files/ghost.cur

http://downloads.totallyfreecursors.com/cursor_files/pumpkin.cur

http://downloads.totallyfreecursors.com/cursor_files/witchmoon.ani

http://downloads.totallyfreecursors.com/cursor_files/frankenstein.ani

http://downloads.totallyfreecursors.com/cursor_files/ghost4.ani

http://downloads.totallyfreecursors.com/cursor_files/scream1.ani

http://downloads.totallyfreecursors.com/cursor_files/femalevampire2.cur

http://downloads.totallyfreecursors.com/cursor_files/tombstone1.ani

http://downloads.totallyfreecursors.com/cursor_files/witch2.ani

2º: Con nuestro cursor elegido, vamos a Diseño> Edicion de HTML de la plantilla:

(Puede que os salga despues de algo asi: /*-- (Generales) --*/ )

Ahora buscamos (Ctrl+F): body {

Y debajo pegamos...

cursor: url("AQUI-LA-URL-DEL-CURSOR-QUE-NOS-GUSTE");

Y ahora ya puedes GUARDAR LA PLANTILLA.

2. Iconos de Halloween para tu blog:

Si, navegando por internet y la blogosfera, hemos visto muchos iconos para este Halloween. De redes sociales, Twitter, de Blogging, y otros cuantos más, asi que ¿porque no hacer una pequeña recopilación? (y de paso les promocionamos un poco )

Halloween Twitter Icons, de nuestro amigo Iván de BanakaBanaka!, que aprovechando esta fiesta ha creado unos fantásticos iconos:

Solo tienes que ir a esta entrada y descargarlos totalmente gratis para empezar a disfrutar de ellos.

Trick or tweet pack:

Una colección de graciosas calabazas de Design Blog, disponibles en varios tamaños en ésta dirección.

Free Jack-o’-lantern Social Media Icons – Halloween Edition

Todo tipo de logotipos de redes sociales esculpidos en calabazas :) . Aqui toda la información y descarga:

Free Jack-o’-lantern Social Media Icons – Halloween Edition

Social Media Icons de TNerd.com
Un fantástico pack de iconos de redes sociales muyyy terrorificos y de buenísima calidad, que aunque son del año pasado, te pueden ser de mucha utilidad . Toda la información y su descarga en http://tnerd.com/2008/10/31/halloween-wallpapers-and-social-media-icons-from-tnerdcom

3. Flecha de subir con imagen de Halloween:

Habrás visto que en la esquina de éste blog, estos días hemos reemplezado el cartoncito por una calabaza, y que al pinchar sobre ella, se sube hasta arriba con un efecto deslizante muy elegante.

Pues bien, es muy fácil ponerlo, tan solo tienes que seguir los pasos de esta entrada, y utilizar si quieres esta imagen especial que hemos hecho para Halloween:

En el apartado "Paso para colocar la flechita de "ir arriba" en la parte inferior derecha de la página" que saldrá en esa entrada, tendrás que cambiar la URL DE LA IMAGEN O FLECHA por la de la imagen anterior, o por la que tu quieras.

4. GIF permanente animado de Halloween en la esquina superior de tu blog.

Antes de </body> en Edición de HTML de nuestra plantilla, pegamos lo siguiente:

<img src='http://www.halloween.com.es/images/brujas.gif' style='position:fixed; top:0; left:0;'/>

Como veréis, la imagen que saldrá es la que tenemos puesta en este blog, pero puedes cambiarla por cualquier imagen que te guste. También puedes poner ésta imagen que nos proporcionaba El Potro en esta entrada de Ciudad Blogger.

Gracias, El Potro una vez más :-)

Nosotros también te recomendamos una página donde podrás encontrar interesantes gifs animados para decorar tu blog: Gifs de Halloween.com.es

Unos cuantos ejemplos:

Pues ya está, seguro que habras dejado tu blog monstruosamente fantástico con estos truquitos. Nosotros dejaremos todos estos trucos durante unos días para que veas como quedan :).

Y por cierto, si lo has decorado "Halloweñamente", nos puedes dejar tu comentario y participar en el listado de sitios Halloweños, gratuitamente.

¡¡¡Promoción!!

Aquí puede estar tu blog, anímate a decorarlo y déjanos un comentario!

Esperamos que te haya gustado la entrada, ¡¡muchos saludos!!

[+/-]

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!!!!

[+/-]

Crea tu propio logo para tu correo electrónico

Se trata de E-mail Icon GeneratorE-mail Icon Generator, una página en la que puedes generar una imagen o logo con la dirección de tu correo electrónico.
Entre los servidores de correo electrónico que te da para elegir, cabe destacar (y no podía faltar), GMail, Hotmail, MSN, Yahoo, y otros menos conocidos como Lycos y Aol entre otros muchos más.
Para generar tu imagen, debes de rellenar el espacio en el que dice: "Enter your e-mail address:" con tu correspondiente dirección de correo electrónico.
Tras esto, elegimos el servidor de nuestro correo, y en algunos casos, si es .com, .es, etc.

Aquí les dejamos varios ejemplos de imágenes que tu mismo puedes generar: