viernes, 12 de mayo de 2017

Tutorial| Como colocar una barra de avance en tu blog.


¡Hola lectores!, ¿Como están?
ESpero que muy bien, hoy voy a mostrarles como poner una barra de avance en su blog, espero que les sea útil.


Esto sirve principalmente para cuando tenemos alguna especie de reto literario, aunque claro que cada quien le dará el uso que prefiera.
Una cosa que es importante aclarar es que deberán actualizar la barra de avance cada vez que tengan un logro nuevo, por ejemplo, este año estoy en el reto Bingo Literario y cada vez que leo un libro mas para este debo de actualizar la barra.
Dicho esto empecemos.


1. Lo primero que debes hacer es entrar esta pagina web: http://www.languageisavirus.com/nanowrimo/word-meter.php#.WQ40etI1_IU

2. Una vez allí te encontraras con esto:

Resultado de imagen para como poner barra de avance en el blog

3. Ahora es muy sencillo, en el primer rectángulo debes de escribir la cantidad que llevas de lo que consista el reto (por ejemplo palabras leídas, libros, etc.).
En el segundo debemos poner el total y en el ultimo rectángulo se nos permite elegir el color que va a tener nuestra barra.

lunes, 30 de enero de 2017

Tutorial| Como poner flecha para subir


¡Hola lectores!, ¿Cómo están?
Espero que muy bien, disculpen mi inactividad la semana anterior, es que estaba en algo así como unas vacaciones, un descanso no le viene mal a nadie 😂
Pero ya estoy de regreso y con las pilas mas que recargadas 😉
Hoy les voy a enseñar como colocar un botón para subir en su blog, ese que con solo tocarlo se encuentran arriba del todo del blog.
Esto es muy sencillo, ya van a ver.

1. Vayan a Menú de Blogger > Diseño.
2. Agreguen un gadget HTML/ Javascript y ubiquen lo en el lugar que deseen que su cartel aparezca. 
3. En el deben pegar el siguiente código.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="Aquí el código de la imagen que van a usar" /></a>

Donde dice "Aquí el código de la imagen que van a usar" me refiero a la URL de la misma, pueden obtenerla en cualquier servidor de imágenes, como por ejemplo en TinyPic.
También pueden hacerlo abriendo una nueva pestaña, en esta entran a su blog y le dan al botón de crear una nueva entrada, una vez ahí, pegan la imagen que van a utilizar en la parte que dice Redactar, pasan a la parte que dice HTML y copian el código que les aparece.

Este es el botón.

viernes, 13 de enero de 2017

Tutorial| Cartel Últimas Reseñas + carteles ya diseñados para su blog


¡Hola lectores!, ¿como están?

Hoy traigo un tutorial para blogger muy sencillo, les explicare como poner en su blog un cartel de Ultimas Reseñas, algo que a mi parecer es bastante útil para llamar la atención de las personas que llegan a nuestro blog y mostrar nuestro trabajo.




Muy bien, intentare explicar de la mejore manera posible.

Para poder hacer esto debemos tener la reseña ya publicada en el blog para poder tener su URL y deben subir la imagén de la portada a un servidor para conseguir la URL de la misma; para esto último yo utilizo TinyPic pero pueden usar caulquier otro servidor.

Luego hagan lo siguiente:

1. Vayan a Menú de blogger > Diseño
2. Agreguen un gadget HTML/Javascript y ubiquen lo en el lugar que deseen que su cartel de Últimas Reseñas aparezca. 
3. Copien este código:

<a href="https://934books.blogspot.com.uy/2016/11/resena-ready-player-one-por-ernest-cline.html#more" target="_blank" title="Reseña"><img height="190px;" src="http://i66.tinypic.com/2rw4ydv.jpg" width="120px;" / /></a>

............................................................................................................................

Ahora les voy a explicar lo que ustedes van a cambiar:

<a href="https://934books.blogspot.com.uy/2016/11/resena-ready-player-one-por-ernest-cline.html#more" target="_blank" title="Reseña"><img height="190px;" src="http://i66.tinypic.com/2rw4ydv.jpg" width="120px;" / /></a>


Rojo: aquí debe de ir la URL de su reseña, la obtienen haciendo click en el título de la reseña y luego copiando lo que aparece en el  explorador.

Related Posts Plugin for WordPress, Blogger...