Efeito novo botão

Oi gente aqui estou eu com mais uma postagem.
 Trazendo mais um novo botão ,outro efeito diferente.
Na imagem acima pode visualizar como fica.
Simples  forma de aplicar ao seu blog ,tema.
Veja online aqui:ENTRE AQUI
Vamos lá aplicar...

Antes de tudo salve cópia do seu template...

E vamos entrar no seu esquema ou layout e adicione um gadget html/javascript e cole este meu código:

/*-- best-tuga --*/ <style> } .botao { } .botao { text-align: center ; margin: auto; width: 100px; .botao a { padding:5px;color:#ffffff ; } display: inline-block; line-height: 50px; padding-right: 30px; padding-left: 70px; position: relative; background: #ddd333; color:#fff; text-decoration: ; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow:0px 1px 0px #ffffff; -moz-box-shadow:0px 2px 2px #ffffff; -webkit-box-shadow:0px 2px 2px #ffffff; box-shadow:0px 2px 2px #000000; } .botao span { position: absolute; left: 0; width: 50px; background:#32cdff; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 1px solid ; } .botao:hover span { background-color:#fff; border-right: 1px solid ; } </style> <br /> <div class="botao"> <a class="" href="https://www.blogger.com/blogger.g?blogID=4350054924670337782#">✖VISUALIZE </a> </div> /*-- best-tuga --*/

Feito salve e veja como ficou ,alguma dúvida disponha vlw...

Efeito novo botão

► 1

► botões

► Cartita