Magazine

"Leave a comment": Botones Flotantes para tu Blog

Publicado el 13 agosto 2011 por Bebloggera @bebloggera

Hola chicas Bloggeras hoy les traigo códigos para incrustar en su blog con hermosos diseños by Be Bloggera. Se tratan de los lindos botones(button) flotantes que se quedan en el lado inferior de tu web mostrando el mensaje de "Leave a comment" o "Deja un Comentario". Espero que les guste y me avisan como se les ve en sus blogs.
Vamos con las indicaciones...
A continuación tienes una serie de botones diseños por BB para que incrustes en tu sitios, lo único que tienes que hacer es pegar alguno de los códigos que salen abajo en un Gadget o widget de tu blog. Para lo cual tienes que dirigirte al escritorio de blogger e ir a "Diseño", "Elementos de página", "Agregar un gadget" y luego buscar aquel que dice "Html", pegas el código ahí y luego haces click en guardar. Así de fácil.
Estos botones vienen dispuestos a colocarse en el lado derecho de tu blog al igual que el que tenemos en Be Bloggera. Si deseas ponerlo al lado izquierdo de la pantalla solamente tienes que escribir donde está el código subrayado con morado la palabra "Left" y ya se vera del otro lado.
Una sugerencia, estoy botones son sin fondo, son trasparente para que no tengas problemas con tu fondo  de blog, pero les recomiendo que lo apliquen si tienen fondos claros no se la verdad como se vean en fondos oscuros , ahí vean.
Espero disfruten de estos lindos diseños.
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/Dejauncommentariomiau-1.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/leaveacomment.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/leaveacommentpinup.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/LeaveacommentCorazon.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/dejauncommentario2.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/dejauncomentario.png" /></a>
<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i1097.photobucket.com/albums/g354/BeBloggera/leaveacomment2.png" /></a>
Chicas, además si por alguna razón agregaron la barra Wibiya (uno delos tutoriales anteriores), no se les va a ver parte del botón así que tienen que hacer una pequeña modificación en el código. En la parte que dice ( fixed;bottom:0px;right:0px) colocar en vez de 0 px coloquen 15 o 16 y luego guardan.
Los próximos tutoriales que se vienen son como poner botones de redes sociales en tu blog y un tutorial similar a este pero con el mensaje "Stay a moment".
PD: si tienen algún problema con los códigos avisen
Recuerda que agradecer no cuesta nada, Besos

Volver a la Portada de Logo Paperblog