viernes, 28 de noviembre de 2014

Añadir una barra de progreso

¡Hola bombones!
Aquí estoy con el primer tutorial del blog que es acerca de las barras de progreso, esas barras que muestran el porcentaje de avance que tienes en los retos. Lo que convierte este tutorial es muy útil si estáis interesados en participar en alguno.

He de decir que es muy fácil, pero que si eres como yo (de las que no se enteran de nada) probablemente no lo sabrías hacer; así que, adelante:

PASO 1:

Entramos aquí y buscamos lo que realmente nos interesa, este cuadrado:

 Como a nosotros no nos interesan esas cifras las cambiamos y listo.

En "Total NaNoWriMo Word Goal" debemos poner el objetivo del reto (en el ejemplo que he puesto antes, sería el 50).

Y por último, en "NaNoWriMo Progress Bar Color" debemos escoger el color que queramos para nuestra barra. Para conocer que código es el color que nos gusta, puede ayudarnos esta página, aunque he de decir que hay muchas más.

 


No hay mucho que añadir, eliges un color, y te saldrá justo debajo del cuadro unos cuadritos así:



El código que pone debajo del color es el código que debes escribir en "NaNoWriMo Progress Bar Color"

Una vez seleccionado los datos, y el color, le damos a Calculate.

Y así se vería:



Ya sólo nos queda copiar el código que ha generado la página (el que aparece en un recuadro) e ir a nuestro blog.

PASO 2:

Una vez en nuestro blog, vamos a diseño -> añadir un gadget -> HTML/javaScript


Aquí debemos pegar que hemos copiado antes, modificando (si queremos) las palabras señaladas en la imagen.

 

Y este es el resultado:
 

Como veis, muy sencillo, y una vez que le cojáis el truquillo, ¡no pararéis de hacer barras!


Espero que os haya gustado, y como siempre las dudas abajo en los comentarios. Muchos besos.

No hay comentarios:

Publicar un comentario

Velas de Book and Glow

INTENSIDAD MUY ALTA El gran comedor Especiada tarta de melaza y zumo de calabaza preparados por el mejor equipo de elfos domésticos libres. ...