¿Cómo insertar Gadget de iconos fijos en Blogger?

jueves, 14 de junio de 20120 comentarios


Es muy sencillo de hacer y los resultados son buenos, les explico como se hace....


copia el siguiente código :


<div style='position: fixed; bottom: 30%; right: 1%;'/>
<a href="http://www.twitter.com/TWITER USUARIO/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUpIlR2oXOHdxi_zCLsERLvrz8FDzqHi-SxYnzn9iiur8MSQYpjERbcoCZfz0aRYv0t6VTxU3EIXh3EGvCn9A46dIWSX8bgWU4bTSjxo6xWpVnC1RspNpVI6eWyELfa5QnbTfb-NK39G-X/s1600/Twitter+2-32.png" /></a><br />
<a href="http://www.facebook.com/FACEBOOK USUARIO/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiRmGyTEoF1KfhXnSKwTEVkiSubcAPbCeDOCeHTRzEW6tPgRh048VR-enajUl7lFosNn2oDsYlDol5n6T9idcAvnpBXSvd9Exsp1uuIxBrcI_hDLzrlKABnRWcjw8eA2ZcvQpWsYbrUr2/s1600/Facebook-32.png" /></a><br />
<a href="http://feeds.feedburner.com/FEEDBURNER ID" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0EulFf236xtL9fe2PQa5DW4z030nlboztAvivnKEAMnOpCYNCeb6YBqSIZ1rvc5rJlOXUo7V2bNuKowbcQ9Fr_09pP4nMbcbv4NCg0gITXnWv9MZNiG95il86nfaCm-2NNurCoHBpcUiG/s1600/RSS-32.png" /></a><br />
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER ID&amp;loc=es_ES" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcE6Dph5vVZz-Bfyu3qq-QsDcdtJ-0oDssqmskYDyekon9puwyUuy_K9pedJMiZBKUf3ohnyrdMTRD4BdxhxhklOOE1JzBVbfEEXiTQvh_gdTr6o-brmXcMV7Hz37XPxhFEOrBO5M35D9T/s1600/Mairssl_32.png" /></a></div>



cambiamos todo lo q está en negrita por nuestros datos y

TWITER USUARIO El nombre/nick que utilizamos en nuestra cuenta de Twitter.

FACEBOOK USUARIO El nombre o id de nuestra página en Facebook.

FEEDBURNER ID El nombre de nuestro Feed en FeedBurner. 


nos vamos a Diseño,elementos de página y añadimos un gadgets de html/javascript donde insertamos el código con los cambios hechos.

**Para cambiar la posición del gadget (mostrarlo más arriba o más abajo y más separado del borde de la pantalla) Nos fijamos en esta parte de la primera línea del código: bottom: 30%; right: 1%; donde bottom sería la distancia del gadget a la parte de abajo de la pantalla y right sería la distancia o separación al borde de la misma.
Share this article :

Publicar un comentario

 
Support : Adenawell WebDesigner | Copyright © 2012. .: Tu Zona Webmaster :. - Si no sabes como hacerlo, aquí aprendes como! - Todos los derechos reservados
Template Created by Creating Website
Proudly powered by Premium Blogger Template