Ya lo podés ver en mi blog: un botón que sólo aparece en las entradas individuales y al presionarlo te dirige automáticamente al cuadro de comentarios.
Insertarlo es muy fácil. Sólo tenés que pegar el siguiente código antes de </body>.
También...
podés agregar estos estilos: (antes de
Éstos le dan un efecto de zoom al pasar el cursor sobre el botón.
<b:if cond='data:blog.pageType == "item"'>
<a href="#comment-form"><img class="boton-comentar" style="position:fixed; bottom:0px; right: 0px;" id="boton-comentar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqN0ioai3NfIio56gI5hv4E4fQTOgcvKjCWuPUA_mhkVEl3JcJf0Me_GnM91LUjrYyYVFM-OhDm86pwT_Nrs_u7i36jZ6NwvXU6oH2G9a_e33F6xfnEGcqzqMdT3n0lUZE405KXKnhy3A/s1600-r/Deja+un+comentario+homero.png" /></a>
</b:if>
También...
podés agregar estos estilos: (antes de
]]></b:skin>
en Edición de HTML.)
#boton-comentar {
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#boton-comentar:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#boton-comentar:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
Éstos le dan un efecto de zoom al pasar el cursor sobre el botón.
Gracias por leer, ¡y no olvides comentar!
Comentarios
Publicar un comentario