¡Hola sintonizados!
En algunas ocasiones nos encontramos con Retos o pruebas para las que es preciso usar una barra de porcentaje, y aunque el procedimiento para ponerla es muy fácil, es posible que a veces nos encontremos con problemas o nos liemos un poco en el proceso.
Por eso, aquí os traigo un pequeño tutorial que seguro os aclarará cómo usarla y cómo ponerla en vuestro blog.
Paso 1: Lo principal
Entramos en ESTA página. Nos centraremos en este cuadradito que nos aparecerá:
Paso 2: Rellenar los campos
Rellenamos los campos numéricos. En la casilla Current NanoWriMo Word Count (1) tendréis que poner la cantidad de Reto que lleváis superado. Por ejemplo, en el reto de las 13000 páginas, si llevamos leídas 800, eso será lo que pondremos en esa casilla (800).
En el apartado Total NaNoWriMo Word Goal (2) tendremos que poner el total que queremos alcanzar. Siguiendo el mismo ejemplo anterior, tendríamos que poner 13000, que es la meta del Reto.
Paso 3: Cambiamos el color de la barra
Podemos poner la barra del color que prefiramos y acorde a nuestro blog. Para ello, nos centramos en la tercera casilla, NaNoWriMo Progress Bar Color. Primero iremos a ÉSTA página, donde nos aparecerá un cuadro como éste:
Selecciona el color que desees para tu barra (en este ejemplo, un tipo de rosa) y te aparecerá el código de ese color más abajo. Copia ese código y colócalo en la casilla que hemos indicado.
Paso 4: ¡Ya casi estamos!
Una vez rellenados todos los campos, pulsamos el botón de Calculate para generar nuestro código.
Copiamos este código en un gadget de HTML en nuestro blog y nos aparecerá la barra de porcentaje con nuestro proceso en el Reto. Podemos poner en este gadget también una imagen o un banner para acompañar a la barra. Por ejemplo:
Paso 5: Modificándolo al gusto
Al copiar el código de la barra, las palabras que nos aparezcan debajo de ésta estarán en inglés. Podéis eliminarlas o cambiarlas a vuestro gusto abriendo el gadget y editando las palabras señaladas en esta imagen:
¡Y ya está! Ahora ya tenéis vuestra barra de porcentaje a vuestro gusto y perfecta para vuestro blog. Por ejemplo:
Muchas gracias.
¡muchísimas gracias! me pareció un tutorial muy sencillo de seguir =)
ResponderEliminar¡Hola!
ResponderEliminarYo este método lo conocía, es el que suelo usar, pero igualmente muchas gracias por enseñarlo, me hubiera hecho falta a mi en su momento, así que agradezco que lo pongas para la gente, que como yo en su momento, no sepa hacerlo.
Por cierto, ¿has visto que hay algunos que ponen la barra de porcentaje y se ve parte del libro? Porque me enamoré de eso que lo vi en un blog para poner el libro que estás leyendo *__* Pero no he sabido como ponerlo y bueno no recuerdo ni en el blog que lo vi xD Si sabes algo ¡Avisa! Estaría encantada de la vida de saber como se hace :)
Besitos!
¡Muchas gracias por el tutorial! Yo sabía lo básico, pero desconocía el Paso 5, así que, de nuevo, gracias :)
ResponderEliminarBesitos everywhere~
Muchísimas gracias!!! Me ha venido geenial!
ResponderEliminarBesotes
Muchisimas graciaas!! Lo pongo ahora mismo;))
ResponderEliminarYo el año pasado lo hice así, pero iba borrando todo el código cada vez y lo ponía todo nuevo :)
ResponderEliminarGraciaaaaas!
besitos<3
Me parece muy útil. Yo llevo reciclando las barras desde la primera vez que las hice.
ResponderEliminar¡Besos!
Hola está muy bien el tutorial! Yo ya lo sabía pero al principio no tenía ni idea de donde se conseguían.. así que a muchos les servirá =)
ResponderEliminarBesitos!
ME HA SERVIDO DE MUCHO!!!! MUCHAS GRACIAS!!!!
ResponderEliminarGracias por el tutorial, para las que empezamos, es un alivio ir descubriendo cosas nuevas para ir poco a poco mejorando el blog.
ResponderEliminarBesitos
Yo encontré un tutorial muy parecido a este y me vino muy bien, puse por primera vez una barra de esta en i blog personal, esta chulo ^^
ResponderEliminarMuy buena entrada guapa!!!^^
ResponderEliminarAunque este año no me he apuntado a ningún reto, me parece muy interesante. Lo de la barra ya lo controlaba, pero lo del color no había manera de cambiarlo. Me encantan los tutoriales, el próximo cómo hacer un banner, que no tengo ni idea.
ResponderEliminar¡Muchas gracias por el tutorial! :D
ResponderEliminarMuy sencillo, fácil de seguir haha
Besitos<3
¡Hola guapa!
ResponderEliminarMuchas gracias por el tutorial ^^
¿podrías hacer uno sobre como hacer un slider? Es que hace tiempo que quiero ponerlo en mi blog pero no sé como hacerlo :S
¡Besos!
Muchaas gracias por el tutoriaal me ha encantadoo,muy facil, porque queria ponerlos en mi blog,asi que gracias a ti ya lo he conseguido,aunque lo hize separada de su foto,que en parte me gusta mas,tb pero las 2 fotos seguidas,foto del reto 1º y debajo la barra, q es enrealidad como es,pero yo los hize x separado,q me parece q es mejor,aunque en realidad no supe como ponerlos juntos,pero bueno,prefiero q sea asi ;) jeje besitos y graciaas
ResponderEliminarmuchas gracias por el tutorial! acabo de inaugurar mi blog y me voy a apuntar al reto de las 13000 pags! lo único que no sé es cómo poner la imagen/banner del reto con el enlace a tu entrada :S la verdad es que me gustaría ponerlo! :)
ResponderEliminar¡Muchas gracias por el tutorial! :)
ResponderEliminarA mí es que pincho en la página web donde dices pero de repente e me va a otra página donde hay publicidad. ¿Sabes lo que tengo que hacer?
ResponderEliminarmuchas gracias :D
ResponderEliminarGracias me sirvió el tuto
ResponderEliminar:)
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar¡Muchas gracias me ayudó bastante!
ResponderEliminar¡Hola! Muchas gracias, me ayudo mucho.
ResponderEliminarOye, soy nueva aquí en el mundo de blogger y quería saber como hacer un banner, ¿podrías hacer un tutorial sobre eso?
Gracias, besos!
Muchísimas gracias!! ♥
ResponderEliminarA mi no me sale, relleno todos los campos, pero cuando pongo calcular N A D A. Ayudame please
ResponderEliminara mi tampoco... la linea no puedo cortarla y se ve tremenda
ResponderEliminar=(
A mi tampoco me sale. Me pone que el banner no es correcto.
ResponderEliminarMuchísimas gracias! Nos has ayudado un montón a mi compañera y a mí.
ResponderEliminarBesos!
Hola, estoy haciendo un reto literario para este 2015 y me pareció muy fácil la forma en que explicaron todo asi que las mencioné en mi entrada, aquí el link si quieren revisarlo.
ResponderEliminarhttp://panquequelife.blogspot.com/2015/01/reto-literario-panqueque-2015-participa.html
Siempre quise saber cómo se hacía esto de forma fiable, muchísimas gracias!!
ResponderEliminarcomo se le pone el banner? :*n* ya hice lo de la barra pero no se como ponerle la imagen help meee
ResponderEliminar¡¡Me salvaste!! llevo dos días buscando gadgets de este estilo para mi nuevo blog y pregunté hasta por grupos y nadie me dijo nada. Y hoy de casualidad di con esta entrada. Gracias por el tutorial :)
ResponderEliminarMuchas gracias, no sabia como hacerlo, ahora ya soy feliz.
ResponderEliminar