Tutorial: Cómo insertar un Leave a Comment Flotante en tu blog

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZGsBttoHaiPXDjfZRMY8fX9hRY9byQty8lixdwZq2NA7ahapb_WCdxpK4GO7cKCIVYI6IzI6UL43pCibdGbe823R9alh4xmjZ_5GWDg6Ph10gtM5hTAQhziMs2x34UyMMLONjUQcZk-Di/s1600/Deja+un+commentario+miau.png" /></a>




<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1p8fsRKRVHQuduyG_BWr4vZ4ofSrmmU-EOCa664d1a39WRcVpzHRJr4juwSfxsjwj0Uuy4b370KwJdiH7hrdF953Q-0_ABeDWAIZxnI3zUzzCk8uF78TDsRK1nYCmtTjI7l0-gCoHtrkc/s1600/deja+un+comentario.png" /></a>


<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXoqLK2OMT6IZbMG60Kl_VWHOageyPjT32-Ef25QJgMNdh0CS4U1D0irQ5H2Q0tEaxyq9XAkuojFw70gOoJxAoaRe3v-Q138q2sjbXNFhBiQwU9n9GAPYxNVJTZQqwxVwBGQVMmI-RdmK/s1600/leave+a+comment+pinup.png" /></a>


<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvn4dp99YWfCW1WywyYpIsNgIwC01JSloT4B1kTXOOlZXWYq8uc4nwkPR-CcCxxIdf40TVZt275RAxlnzVDA64zC4rtFgncf6uJGRlxbz4Bd1UAIasH78pT9MWmSkV-uaexrd-74bgsDGp/s1600/Leave+a+comment+Corazon.png" /></a>


<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVamdebkhARh9UrECQBM9a745xNbxECk0dgUlp2JjZqNl4IlS9lBucfHV53YpasHKtUvEepGsi4V7IEn5UowxLJk4Z6CMQhr3_u078oYxJyJtTZO54VOWZmGCMslnel98ADxiAdO55Yh3/s1600/deja+un+commentario2.png" /></a>


<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDi2fvN5SXBndij6XAMzeNj3lXWq3ch20YQDmObKt9az86xkFSFoTcfYw3mR1IikBNyPRtppN7hF3Cltwg_R_x3VeI2eYDFP-j3EAnWw6flChi1RgCcjKAT1jVRBuZtgVJFbkI-X4o-QuM/s1600/leave+a+comment2.png" /></a>


<a href="http://www.bebloggera.com/" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2GjcYxtyRCBpqMxT4EP4-OLSOsb5xms0lbtPFZXcr3CNKXuAUbPUakfI47l7Ol0ZBDjUlpsRSKAeOVbNvBx4bLK0I5Kwj0tITbV-AK_Vyk_bUI34fGN8J3JYjTSMVTgNFDS70XEqFCq6m/s1600/leave+a+comment.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






CONVERSATION

34 ya son Blogger@s:

  1. OK.Me gusta la máquina de escribir: hasta en eso soy dinosauria. Me la llevo pa' mi blog. Gracias, bloggeras, una vez más, muchas gracias!!!!

    Fernanda.

    ResponderEliminar
  2. ...And in English, of course!
    Thanks & bye for now!

    ResponderEliminar
  3. SIiiii que bueno que están enchulando sus blogs

    ResponderEliminar
  4. Enchulados: ¿qué buena palabra! Me la llevo con la máquina de escribir por el mismo precio!!!
    Gracias!
    Otra vez yo!

    ResponderEliminar
  5. Excelente recurso, bastante util para sitios estaticos

    ResponderEliminar
  6. Gracias Walter, tendremos más adelante

    ResponderEliminar
  7. Están bellos... no sé cuál elegir!!!! También me llevaré uno :D

    ResponderEliminar
  8. Muchas gracias, me  gustan mucho, ya tengo uno en mi blog!

    saludos.

    ResponderEliminar
  9. Muy bueno... me lleve la máquina de escribir... es muy retro... gracias.

    ResponderEliminar
  10. Me encanta, me llevo la máquina de escribir para mis blogs!!Gracias, muy util!!sigo viendo qué más poner

    Besos

    ResponderEliminar
  11. no se vén las imagenes? sale upgrade to pro today, que es eso??

    ResponderEliminar
  12. Patricia O.(Patokata)5 de febrero de 2012, 23:54

    Buenísimo, me llevé el gatito y los labios sensuales para mis blogs!!!!
    Gracias por compartir!!

    besos!!

    ResponderEliminar
  13. gracias por los tuto!!! muy utiles!

    ResponderEliminar
  14. Hola pues no me deja poner esta aplicación en mi blog, nose si hago mal, copio el código desde que pone www.bebloguera y el resto, elegi la máquina de escribir que es muy chula.
    Ayuda!!
    Gracias

    Besos

    ResponderEliminar
    Respuestas
    1. Hola amiga tienes que copiar todo el codigo desde el < a hasta el < / a >

      y luego pegarlo en algún cuadro de tu blog aplicación o algo que sea de codigo HTML

      Eliminar
  15. For the rеason that thе admin of this website is working, no question veгy quіckly it
    will be famоus, due tо its feature contentѕ.


    Also visit my web blog - Author's external home page...

    ResponderEliminar
  16. What's Going down i'm new to this, I stumbled upon this I've found It positively useful and it has helped me out loads. I am hoping to give a contribution & aid different customers like its helped me. Good job.

    Take a look at my web blog: exercises to increase vertical leap

    ResponderEliminar
  17. Lіnk exchange is nothing else ехcept it is јust plасing the other pегson's weblog link on your page at proper place and other person will also do similar in support of you.

    Here is my page: Learn Alot more

    ResponderEliminar
  18. Ahaa, its fastidious dialogue on the topic of this
    article at this place at this blog, I have read all that, so now me also commenting at this place.


    Feel free to surf to my web page casino slots

    ResponderEliminar
  19. I am not sure where you are getting your info,
    but great topic. I needs to spend some time learning much
    more or understanding more. Thanks for magnificent information I was looking for this
    info for my mission.

    Here is my web-site :: exercises to improve vertical jump

    ResponderEliminar
  20. Nice poѕt. I learn something totally new and
    challenging on webѕites I stumbleupоn on а ԁailу baѕis.
    It's always interesting to read articles from other authors and practice a little something from their websites.

    Feel free to surf to my web-site - visit the following website page

    ResponderEliminar
  21. GraciaS, nos lo copiamos. Tenéis widget de la comunidad? Saludos

    ResponderEliminar
  22. Hola! hace unos dias empeze un blog acerca de MODA, y cuando me entere de esta pagina, al entrar logre que mi blog luzca mucho mejor GRACIAS!, y ya puse uno de esot en mi blog ;D

    ResponderEliminar
  23. Queda genial el corazon miiiiil gracias:D

    ResponderEliminar
  24. Le he puesto en el blog y queda super chulo!!! Me encanta!!
    http://loslibrosdepat.blogspot.com.es/

    ResponderEliminar
  25. me encanto este articulo y me encantaria poner la maquina de escribir en mi blog que de hecho recien comenze pero solo me aparece URL no me sale HTML , GRACIAS POR EL ARTICULO

    ResponderEliminar
  26. http://rapadoazul.blogspot.com.ar/ me quedó genial!

    ResponderEliminar
  27. A model walking the runway at Herve Leger Fringe Dress Fall/Winter 2014 show at New York Fashion Week, February 2014.

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top