√ Botones de Descargar Animado para Blogger

Botones de Descargar Animado para Blogger

agosto 22, 2020

Hola Amigos ... en esta oportunidad les quiero compartir unos bonitos botones de Descargar y Demo

para su Blogs de Blogger . Estos botones dará una bonita impresión a tus visitantes cuando pongas links de descargar y demo.

DEMOSTRACIÓN

Ahora si estas interesado en poner estos botones en tu blogs de blogger. Sigue estos pasos que te diré a continuación :

PASOS A SEGUIR A CONTINUACIÓN :

1.El primer paso es abrir primero su página de blogger.

2.Ir al menú del panel de blogger, seleccione Tema y luego seleccione editar HTML.

3.Copie estos código CSS a continuación, primero busque el nombre ]]></b:skin> o </style> Para encontrar el código rápidamente Combine teclas : Ctrl + F y luego pegue uno de los códigos : ]]></b:skin> o </style> Si lo ha encontrado, pegue el código CSS de abajo justo encima de uno de los códigos de arriba.

/* Botones de Descarga y Demo*/
.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}
.bsw-btn:hover{letter-spacing:2px}
.bsw-btn:after{opacity:.4;background:#1599F4;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}
.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}

5. Luego Haz clic en guardar en ese boton Naranja .
6. Ahora cuando vas a publicar una publicación en tu blogs . Usa estos comandos :