01. Vá ao HTML do seu blog e dê F3 após isso procure por ]]></b:skin> e cole o código do quote abaixo, acima disto:
.afiliado{02. Agora cole o código abaixo em um gadget de html/java.
font-size:11px; /* tamanho da letra */
padding: 11px 7px 7px 7px;
width: 26px; /* largura, recomendo que não mudem */
display: inline-block;
height: 21px; /* altura, recomendo que não mudem */
font-family: arial; /* fonte */
text-align:center;
color: #fff; /* cor da letra */
text-shadow: 1px 1px 0 #b6c0c6;
background: #c7d1d8; /* cor do fundo */
text-transform: uppercase;
-moz-border-radius: 10px; /* bordas arredondadas */
-webkit-border-radius: 10px; /* bordas arredondadas */
border-radius: 10px; /* bordas arredondadas */
margin: 3px;
float: center;
-webkit-transition: 0.7s ease-out;
-moz-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}
.afiliado a{ color: #fff; }
.afiliado a:hover{ color: #fff; }
.afiliado:hover{
background: #ab1d46; /* cor do fundo quando hover */
text-shadow: 1px 1px 0 #93193b;
-webkit-transform: rotate(-360deg); /* rotação */
-moz-transform: rotate(-360deg); /* rotação */
}
<div class="afiliado" title='Postagem mais recente'><a href="/" target='_blank'>TMR</a></div>
adorei esse efeito. quem sabe no outro lay né?. Muito bom o blog ;p
ResponderExcluirvisita :http://fabiolucas92.blogspot.com/
Obrigada.
ExcluirPois é... Quem sabe no próximo.
Ah e visito sim, pode deixar.
Que bonitinho *--* Acho que vou usar no meu próximo lay
ResponderExcluirAham, também achei lindo *-*
ExcluirObrigada :333
nossa que lindo vou usar ook ?
ResponderExcluirhttp://cupcakescoloridoscc.blogspot.com.br/
OKay amore :3
Excluir