Sistema de votación por estrellas y por reacciones

Aunque todavía está en fase de prueba, Blogger ha puesto a nuestra disposición una nueva herramienta (aunque no sé si estuvo ahí desde hace tiempo, porque recién acabo de darme cuenta que estaba cuando pasé por Blogger in Draft).
Se trata de dos sistemas de votación para nuestros post ( es decir, para que las personas pueda decir si le gustó o no nuestro post): uno es el sistema de votación por reacciones y el otro es el sistema de votación por estrellas. ¿Les gustaría incluírlo en su blog? Pues vamos a ello.

♠ Como dije, es una función en fase de prueba, así que debemos de ingresar a Blogger in Draft.

♠Luego, ingresamos a Diseño/ Elementos de la página y hacemos click en Editar de Entradas del blog. Una vez ahí, se abrirá una ventana emergente, como esta:



♠ Ahora, escogemos si deseamos el sistema de votación por reacciones (si queremos, podemos editarlo) o por estrellas. Click en guardar y listo!

♠ Cuando lo tengan instalado, se verá así:



Cualquier duda, me avisan.

Hacer que el texto se mueva

Estuve pensando en algo "dinámico" para el blog, y encontré ésto!

Les gustó el efecto? Yo creo que sí; me encantó cuando los vi en el blog de Gem@ y decidí "jugar" con los códigos y obtener nuevos efectos:

♠El código base es éste:

<marquee>ELTEXTOQUEESCOJAS</marquee>

♠Ahora, si queremos que nuestro texto tenga un color de fondo, agregamos ésto:

<marquee bgcolor="#f778a1">TEXTO</marquee>

Y este es el resultado

Si desean,pueden reemplazar el #F778A1 por el color que más les guste.

♠Si queremos que el texto se desplace hacia la izquierda:

<marquee direction="right" bgcolor="#99ccff">TEXTO</marquee>

♠Si queremos que el texto se desplace de arriba hacia abajo usamos este código:

<marquee direction="down" behavior="alternate" bgcolor="#F76541">TEXTO</marquee>

Resultado

Si desamos que el código se mueva de abajo hacia arriba, cambiamos "down" por "up".

♠ Para que el texto se pare cuando pasamos el mouse sobre él, usamos este código:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50" behavior="alternate" bgcolor="#4cc417">TUTEXTO</marquee>

El texto se verá asi cuando lo uses

♠ Dseamos que el texto vaya más lento o más rápido?

Entonces, donde está scrollamount="1" cambiamos el número; si ponemos un número mayor (6,7...) el texto irá más rápido; si ponemos un número menos (1,2,...) el texto irá lento.

Lento

♠ Pero también podemos usarlo para poner una lista de links, colocar nuestros post favoritos (como el ejemplo que sigue) o darle el uso que querramos:

<marquee behavior="scroll" direction="left" bgcolor="#99FFFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> <a href="url#1">LINK#1</a> <a href="url#2">LINK#2</a> <a href="url#3">LINK#3</a> </marquee>

Reader Widget Empezando con tu blog Free Blogger Templates

En fin, podemos personalizarlo como querramos, ya depende de nuestra imaginación y luego lo colocamos donde deseemos (en la sidebar, como título de algún post, usarlo como un anuncio especial...)

Espero que les guste :)

Plantillas con Free Blogger Templates

Buscando por internet, encontré este blog que nos ofrece diferentes plantillas para Blogger, y como dice su nombre, son gratuitas.

Pueden ingresar al blog de Free Blogger Templates aquí. En el blog podrán ver la demo del blog (como se vería si la usan) y pueden descargarla (download).

Aquí les dejo algunos dibujos; las plantillas están muy bonitas :)

Cambiar fondo del blog por una imagen

Y ahora vamos a ver qué debemos hacer para cambiar el fondo de nuestro blog por una imagen.

1- Entra a Diseño/ Edición de HTML.
2- En tu Plantilla busca el siguiente código: body { background:#000 margin:0; padding:40px 20px; OJO: el texto puede ser igual o parecido a éste, dependiendo de cuál sea tu plantilla;pero si no es igual, por lo menos tiene que ser similar.
3- Ahora vamos a trabajar con la parte que dice background:#000 . El #000 es el color actual de la plantilla, lo que tenemos que hacer es borrar el color ( en este caso #000) y reemplazarlo por el siguiente código:

url('LAIMAGENQUEQUIERESPONERDEFONDO')

Es decir, cuando cambies tu código debe versecomo: body { background:url('LAIMAGENQUEQUIERESPONERDEFONDO') margin:0; padding:40px 20px;
El resultado será algo así:



Sin embargo, si tu imagen no es lo suficientemente grande, se repetirá formando una especie de mozaico; si deseas que esto no sea así, que no se repita sino que se quede estático, agrega este código debajo de body { background:url('LAIMAGENQUEQUIERESPONERDEFONDO') margin:0; padding:40px 20px;:

background-attachment: fixed;

Espero que el código te sirva; ahora busca una buena imagen y aplíca el truco !

Empezando con tu blog

Bien, ahora comenzaremos con el primer post de la nueva sección dedicada a los blogs de Blogger (diseño,accesorios,etc...). Me animé a crear esta sección porque me estuvieron dejando comentarios sobre el tema (Ver ¿Qué cuentas?/ Mensajes largos de la sidebar).

Y bien, arrancando con la sección comenzaremos por lo más básico: saber qué es un blog, qué es Blogger, y cómo crear una blog en Blogger

¿Qué es un blog?

Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en línea.

¿Qué es Blogger?

Fue lanzado por Evan Williams y Meg Hourihan (Pyra Labs) en agosto de 1999 adquirido por Google en febrero de 2003). Blogger es un software para blogs, es decir, es un servicio de alojamiento de blogs y, además, es gratuito. Y las páginas que creemos en él tendrán la extensión blogspot.com

Fuente: Wikipedia.

¿Cómo crear un blog en blogger? (antiguo - ver actualización abajo)
Ver nota completa...

Para crear un blog en Blogger tenemos que seguir estos sencillos pasos ( en la parte final podrás ver unas imágenes para que puedas guiarte).

1- Ingresa a la web de Blogger.
2- Crea una cuenta:

Lo primero que hay que hacer es un clic en la flecha que nos dice Crear tu blog ahora. Eso nos llevará a otro documento donde deberemos Crear una cuenta de Blogger, lo que quiere decir que tenemos que crear una cuenta que nos identifique en ese servicio y una dirección para nuestro blog.En el texto nos avisan de que si ya tenemos una cuenta en Google, por ejemplo del correo de Gmail, tenemos que hacer clic en el enlace que dice primero acceda a ella. En este caso, el primer paso para crear el blog se realizará automáticamente, y pasaremos a siguiente paso . Pero quienes no tienen cuenta de Google, tendrán que rellenar siguiente formulario que aparecerá.

En este formulario hay que incluir lo siguiente:

♠Una cuenta de correo electrónico existente.
♠Una contraseña escrita dos veces para asegurarse de que no hay errores.
♠El nombre que aparecerá como autor o autora del blog y de los artículo.
♠Una verificación, que consiste en escribir las letras que aparecen en una pequeña imagen.
♠Activar la casilla de aceptación de las condiciones, que siempre es mejor leerlas antes.

Hacemos clic en la flecha Continuar.

3- Asignar un nombre al blog:

En esta fase simplemente escribiremos un nombre para nuestro blog, que podremos cambiar más tarde, y le asignaremos una dirección de internet, que no podremos cambiar. Es importante que la dirección sea corta y siempre con letras minúsculas, sin caracteres especiales como acentos o eñes. La dirección suele ser el nombre del blog o el nombre del autor, pero se puede poner lo que se quiera. En el caso de mi blog , que se llama "Diversas & Variadas", le he puesto esta dirección: diyva. Después Blogger añade su extensión hasta quedar así: http://diyva.blogspot.com/. Pero antes de continuar hay que hacer clic en el enlace que dice Comprobar la disponibilidad para ver si ese nombre ya está elegido por otro miembro; y suele ocurrir con frecuencia que ya esté utilizado, así que hay que aguzar el ingenio. Si ocurre esto, nos avisan con la frase: Lo sentimos, esta dirección del blog no está disponible.

4- Elegir una plantilla:

Por último, tendremos que elegir una plantilla, que es el diseño general del blog. Elegiremos la que más nos guste, pero más adelante podremos cambiarla, ya que las plantillas a escoger que nos ofrece Blogger son muy pocas. Después podremos agregarle una sidebar más, modificar completamente la plantilla hasta hacerla única y que vaya de acuerdo a nuestro gusto (así como me sucedió a mí con mi blog).

5- Mensaje de felicitación:

Si has seguido adecuadamente los pasos, Blogger te anunciará que tu blog ya ha sido creado...Ahora podremos comenzar a trabajar con el diseño de la plantilla de tu blog.

ACTUALIZACIÓN:

¿Cómo crear un blog? (versión nueva)

Hellboy II

Y hoy se estrena en el Perú la segunda parte de la película Hellboy, subtitulada The Golden Army (El ejército dorado).

Esperamos ver el trabajo de Guillermo del Toro y tener nuestras propias impresiones.

Cinco webs sobre postres peruanos (parte I)

Bueno, les doy una pequeña lista de webs, weblogs foros,... Donde podrán encontrar recetas de postres peranos; si encuentro más, haremos la segunda parte de la lista.

Claro que también se hará listas de webs sobre otros temas.

• Postres Peruanos
• Recetas de la cocina peruana
• RecetasComidas.com
• Cocina Peruana
• Cocina del Mundo