WIDGET DE CUENTA REGRESIVA DEL LIBRO "CAZADORES DE SOMBRAS: LOS ORÍGENES, PRÍNCIPE MECÁNICO"

Te gusta los libros de Cazadores de Sombras: Los Origenes, ve este post.

Mientras paseaba por algunos blogs, ingrese a la bitácora de Crónicas Vampiricas, y encontré que crearon un widget de cuenta regresiva sobre la publicación en España del segundo libro de Cazadores de Sombra: Los Orígenes, el cual es Príncipe Mecánico; y además, tiene un enlace para ver el Primer Capitulo del Libro en español. Ahora bien, al ingresar directamente a la página y agregar el widget al blog, se presenta un inconveniente, y es que sale el banner de cuenta regresiva del primer tomo y no del segundo; pero tranquilos ya lo resolví y hoy les mostrare el código según el ancho del banner.

Así se vera el widget, pero se puede modificar.

Widget de 300px Ancho

<iframe style="width:300px; height:765px; border:none" scrolling="no" src="http://www.cronicasvampiricas.com/widgets/cazadoresdesombras02/cazadores-300.html"></iframe>

Widget de 250px Ancho

<iframe style="width:250px; height:765px; border:none" scrolling="no" src="http://www.cronicasvampiricas.com/widgets/cazadoresdesombras02/cazadores-250.html"></iframe>

Widget de 200px Ancho

<iframe style="width:200px; height:765px; border:none" scrolling="no" src="http://www.cronicasvampiricas.com/widgets/cazadoresdesombras02/cazadores-200.html"></iframe>

Ahora, si desean modificar el widget, como lo he hecho yo, o quieren modificar otra cosa, aquí estan las indicaciones:

1. Eliminar las barras de códigos del banner

Debes modificar lo que esta en negrita en el siguiente código, al tuyo, por el que deseas. Ejemplo, yo utilice la dimensión 640, pueden ver como quedo en esta imagen. NOTA: No importa si el ancho de tu widget es 300px, 250px, u otro, es valido para todos.

<iframe style="width:300px; height:765px; border:none" scrolling="no" src="http://www.cronicasvampiricas.com/widgets/cazadoresdesombras02/cazadores-300.html"></iframe>

2. Si deseas modificar el ancho

Solo tienes que modificar lo que esta en negrita en este código, al tuyo, ejemplo: <iframe style="width:300px; height:765px; border:none" scrolling="no" src="http://www.cronicasvampiricas.com/widgets/cazadoresdesombras02/cazadores-300.html"></iframe>

NOTA: Es obligatorio que modifiques ambas dimensiones

3. Estilos

Si quienes que el banner tenga borde, debes modificar esta parte que se encuentra en negrita, en tu código (border:none) por algún número; ejemplo: (border:2), (border:8), entre otros

De igual manera, si lo que quieres es tener una barra deslizante, solo debe cambiar scrolling="no", por scrolling="yes" . Aquí esta un ejemplo:

Espero que les haya gustado, les sirva de ayuda y lo coloquen en sus respectivas páginas.

Hasta Luego.