Imagen fija en la esquina de Blogger

Tweet



Compartir

Otro gadget interesante para tu blog es el de colocar una imagen fija en la esquina de tu Blogger (o sea que al hacer scroll la imagen no se mueva), la función que le puedes dar puede ser la que gustes, por ejemplo un saludar a los visitantes, invitarlos a que realicen un comentario, promover una nueva sección del blog, vincular tu Twitter, etc, etc.

Dejo algunos de ejemplo y el código para colocarlos, pero recuerda que este gadget es totalmente personalizable con la imagen que gustes.




<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://pczeros.blogspot.com/2011/07/imagen-fija-esquina-blogger.html"/><img src="https://lh4.googleusercontent.com/-xeUV8GickpQ/ThzNaXk2sUI/AAAAAAAAAWo/MV_rYNOBI2M/s288/if-homercomentario.gif" style="z-index:99;"/></a>




<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://pczeros.blogspot.com/2011/07/imagen-fija-esquina-blogger.html"/><img src="https://lh5.googleusercontent.com/-d7Y5RZ74SCw/ThzNaf13GWI/AAAAAAAAAWk/fTtqhYsXYco/s288/if-emoticoment.gif" style="z-index:99;"/></a>




<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://pczeros.blogspot.com/2011/07/imagen-fija-esquina-blogger.html"/><img src="https://lh3.googleusercontent.com/-OJyaByDALsQ/ThzNam48kBI/AAAAAAAAAWg/pDNadHyfSLw/s288/if-sigueme.gif" style="z-index:99;"/></a>


http://www.blogger.com/img/blank.gif Notas:

* El código se pega en HTML/JavaScript (si necesitas ayuda en este punto lee cómo agregar gadgets a blogger)

* Para cambiar la imagen, tomando por referencia que utilizaste el primer código cambia donde dice: https://lh5.googleusercontent.com/-d7Y5RZ74SCw/ThzNaf13GWI/AAAAAAAAAWk/fTtqhYsXYco/s288/if-emoticoment.gif por la url de donde está tu imagen. Para aprender a subir imágenes lee: Cómo subir archivos para Blogger

* Para cambiar el enlace a donde irá el visititante una vez que ha hecho clic en la imagen cambia donde dice: http://pczeros.blogspot.com/2011/07/imagen-fija-esquina-blogger.html por la dirección que gustes.

* Puedes cambiar la pocición cambiando la parte del código que pegaste (en donde dice bottom:0px;right:0px;)por los siguientes valores según corresponda:
Esquina inferior izquierda: bottom: 0px; left: 0px;
Esquina inferior derecha: bottom: 0px; right: 0px;
Esquina superior izquierda: top: 0px; left: 0px;
Esquina superior derecha: top: 0px; right: 0px;
También puedes usar valores intermedios si lo deseas, por ejemplo: botton:0px; left: 350px;


Bueno por hoy es todo, espero les sea de utilidad.