Primero que nada debes instalar los estilos para que se vean bonitos los botones para Blogger. Y para eso debes dirigirte a Tema > Editar Html > Luego CTRL + F y busca: ]]></b:skin> y arriba de esa línea pegas lo siguiente:
/* ====================
* BOTONES / BOTON *
==================== */
.btn{
border: none;
cursor: pointer;
color: #fff;
display: inline-block;
padding: 16px 22px; /*margen interno*/
border-radius: 6px; /*borde redondeado*/
text-align: center;
line-height: 22px;
font-family: "Roboto", sans-serif;
font-size: 18px; /*tamaño de las letras*/
overflow: hidden;
margin-left: 15px;
box-shadow: 0px 6px 18px -5px rgba(0, 0, 0, 0.5);
background-size: 300% 100%;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn:visited, .btn:hover{
color: #fff;
}
.btn{
border: none;
cursor: pointer;
color: #fff;
display: inline-block;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
text-align: center;}
.btn-secondary, .btn-gris {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-primary, .btn-azul {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-success, .btn-verde{
color: #e6ece6;
background-color: #28a745;
border-color: #28a745;
}
.btn-amarillo, .btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger, .btn-rojo {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
Instalar Font Awesome 5 en Blogger
Para que puedas añadir iconos a tus botones, instalaremos Font Awesome la versión 5 agregando la siguiente línea debajo de <head> (Lo encuentras al comienzo del código de tu plantilla)
Ahora guardas los cambios.
Butones en el Bloguer
Boton verde Boton gris Boton azul Boton rojo Boton amarillo
Para mostrar los botones en tu entrada o página, solo debes crear un enlace y agregarle la clase dependiendo del botón. Ejemplo:
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias