Oi gente hoje trouxe
um tutorial bem legal que foi pedido da Cacau
do blog Pimenta com Menta e da Lorena.
Que é esse menu que está no gadget de Afiliados.
Primeiro vá em Modelo>> Editar HTML>> Ctrl+F e
procure por:
]]></b:skin>
E cole o seguinte
código:
simples{
color: #fff; /*cor da fonte*/
text-align:center;
font-family: silkscreen; /*não altere*/
font-size: 8px;
background: #fabed2; /*fundo do menu*/
box-shadow: inset 0 0 3px #f98eb2;
text-shadow: 0.1em 0.1em #faaac5;
padding: 3px;
float: left;
margin: 2px;
width: 50px; /* tamanho do menu */
-webkit-transition-duration: .80s;
border-radius: 0px; /*bordas arredondadas*/
}
simples:hover{
background-color: #f5f2f3;
color: #777777; /*cor da fonte ao passar o mouse*/
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
-webkit-transition-duration: .80s;
border-radius: 0px; /*bordas arredondadas*/
}
Mude o que é preciso
e Salve.
Agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript
e cole esse código:
<center><div><img src="LINK DA IMAGEM" /> <img src="LINK DA IMAGEM" /><br style="font-size: 100%;" /><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a></div><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><br /><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a><a href="LINK DO BLOG" style="font-size: 100%;" title="NOME DO BLOG"><simples>VAGA</simples></a></center>
Coloque as imagens e
seus afiliados e Salve. Pronto!!!
Espero que tenham
gostado!