Botão para download com efeito

Olá amigos Mult-focos, trazemos neste post uma ferramenta muito importante para quem tem um blog de downloads.
É um botão para download com efeito, com fantástico visual para deixar seus downloads com aquele ar bem profissional.

Para adiciona-lo em seu template é muito fácil, faça um backup primeiro e logo após siga as instruções abaixo.

Como fazer backup e restaurar o template do seu Blogger

Painel do Blogger->Modelo->Editar HTML
Agora usando Ctrl+F e localize: ]]></b:skin>
Cole o código abaixo imediatamente antes de: ]]></b:skin

Isto é tudo.

 #RWG-probutn .pure {
background:#E3E3E3 url(http://i1316.photobucket.com/albums/t609/Multfocos/RWG-probutn_zps09621d66.png) 3px 0 no-repeat;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
display:block;
color:#212121;
float:none;
height:80px;
width:80px;
line-height:80px;
padding-top:1px;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-ms-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition:width .25s ease-in-out, background-color .25s ease-in-out;
transition:width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;
margin:10px auto 0;
}


#RWG-probutn a span {
display:none;
font-size:1.4em;
}


#RWG-probutn:hover a span {
display:inline;
}