Bueno, este es un tip muy popular últimamente, pero que buscando en internet he visto muchas formas de hacerlo diferentes, siendo algunas demasiado complicadas. Ya que el efecto puede lograrse usando solamente unas lineas de CSS.
El codigo a incluir en nuestro style.css es:
.flotante {
display:scroll;
position:fixed;
bottom:320px;
right:0px;
}
En donde los 320 y el cero representan la ubicación del botón dentro del blog. Y listo.Ahora, cada ves que le den class=’flotante‘ a algo, ese algo aparecerá sobre el blog ![]()
Pueden probarlo facilmente agregando una linea como está en su index:
<a class='flotante' href='#' ><img src='boton-flotante.png' border="0"/></a>
La cual les dará el típico botón “subir” como resultado. (recuerden usar una imagen que esté en sus servidores).
Visto en Miguel Manchego.com


Pingback: Bitacoras.com
abril 15, 2010 at 1:46 pm
FIU FIU
ME GUSTO ME GUSTO
:p
abril 16, 2010 at 8:49 am
¿Por qué no lo pones en tu blog? ¿No te gusta esta función?
abril 16, 2010 at 10:25 am
Lo uso simplemente por falta de tiempo… quiero hacer varios retoques al blog (detallitos). Simplemente por eso, cuando pueda empezaré y posiblemente utilize algún flotante
abril 16, 2010 at 9:52 am
muy bueno, excelente para personalizar, una pregunta: ¿cómo haces para poner código en un post?, cuando yo lo intento no se muestra el código, tal vez podrías ayudarme con eso, uso blogger, gracias
abril 16, 2010 at 10:38 am
En el caso de WordPress… éste admite ingresar código directamente, solo poniendodolo entre los tags de
.Pero para blogspot podés usar este sitio.
Pegas el codigo que querés incluir en el campo de arriba y en el de abajo te devulve el código "apto para blogger".
Saludos
abril 16, 2010 at 3:53 pm
gracias, ha sido de gran ayuda, no solo ahora, sino por otros post que he leído anteriormente, suerte y muy buen blog.
abril 16, 2010 at 4:22 pm
Muchas Gracias
, me alegra que te sirviera.