Estilo para Goodies.

Então Galera como o prometido hoje vou postar bastante tutorial de 'html' espero que vocês gostem.

O tutorial que eu trago agora é super util para quem tem pagina de goodies, eu inclusive vou usar no meu próximo layout, e então decidi ensinar, o tutorial é do HTMLuv e a Adaptação é minha. Vamos então ao que interessa.

O efeito é esse:

Primeiro vá no 'HTML' do seu blog e de um ctrl 'F' e procure por ]]></b:skin>, e ACIMA dele cole este código:

.fortutos a {
display : block;
font-family: 'Play';
margin: 1px;
text-transform: uppercase;
font-size: 10px;
color:#fff;
border-left:6px solid #97b1c1;
background:#c8d6de;
text-shadow: 1px 1px 1px #b0c4cf;
padding: 5px 10px 3px 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.fortutos a:hover{
padding-left: 13px;
border-left:6px solid #668ca4;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

Agora vá adicionar um gadget 'HTML/Javascript' e cole este código.

<div class="fortutos"><a href="LINK"> TUTORIAL </a></div> <div class="fortutos"><a href="LINK"> TUTORIAL </a></div> <div class="fortutos"><a href="LINK"> TUTORIAL </a></div> <div class="fortutos"><a href="LINK"> TUTORIAL </a></div> <div class="fortutos"><a href="LINK"> TUTORIAL </a></div>

Bom faça as transformações necessárias, e pronto é só salvar. Boom foi isso até a próxima.