Para poner un boton de NO PULSAR en el blog y que si alguien lo pulsa se abra una ventana (pulsa éste botón y verás) de un tamaño determinado con una imagen o foto que quieres que aparezca, hay que usar el siguiente script:
<!—
<center>
<a href=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo8YWcmNbNNhHK2VvEPiKk40a-H93MACnFGQbaO-Kxv_mencHhbDGx0vxuDus3a9Sm5_RQSQqtZ5rbXfX5jBD7yEyTPf_HJC4Ykefd3Tyv3wAXzjB_k4WoCczCHzr8p-ETRlMIuChcmSUu/s1600/ignacio+camacho.gif" target="_blank" onclick="window.open(this.href, this.target, 'width=400,height=300,top=100px,left=100px'); return false;"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl_J_QrpPDWYrPPrqJ9jbnctw8AImf0AqwZshlZBRoCy1jExvcz4dJ3ZTkta7hOjJfWl35e1Sgnw-74mzK6ZQxsloDR8IY9N-VOj8CpV0U95ZOZnMjK0-mzCO-ndV17nWxSNCKFT4RTup5/s1600/boton-no-pulsar.gif"/></a>
</center>
-->
Esta imagen del botón u otra que tú tengas, debes alojarla en un host de almacenamiento de imágenes y tomar nota de la URL.
Como verás, hay dos URL. Una de ellas, la primera, es la imagen que quiero que aparezca si se pulsa el botón. La otra URL es la de la imagen del botón. Ambas imágenes han de estar almacenadas en algún lugar de alojamiento de imágenes como Imageshack, Picasa, o similar. Debes sustituir tus URL de imágenes en donde están las del ejemplo. Después puede incluirse en cualquier elemento de HTLM de la sidebar o footer del blog en Blogger, en la sección de Diseño o en un post.
Puedes variar la dimensión de la caja de la ventana así como la distancia al borde izquierdo y borde superior para ubicarla en el lugar de la pantalla que desees. La imagen se acoplará al tamaño de ventana que hayas elegido pero conviene que procures que la ventan sea de dimensiones algo superiores a la de la foto para que la cosa vaya bien. Por ejemplo.
Puedes variar la dimensión de la caja de la ventana así como la distancia al borde izquierdo y borde superior para ubicarla en el lugar de la pantalla que desees. La imagen se acoplará al tamaño de ventana que hayas elegido pero conviene que procures que la ventan sea de dimensiones algo superiores a la de la foto para que la cosa vaya bien. Por ejemplo.
El script es el incluído entre <!-- -->, símbolos que he puesto para que el editor del post no interprete el script como código a ejecutar.
Veamos el script funcionando. Pulsa el botón de NO PULSAR:
0 comentarios :
Publicar un comentario