Eu amei esse tutorial bom eu ja sabia fazer mas era uma maneira mais complica eu achava srsrs entao axei esse tuto super facil e vou passar pra vocês ^^
use a criatividade... Nada de copiar hein.
Vá no html do seu blog e procure(Ctrl + F) por: <div class='column-center-outer'>
ABAIXO dele, cole o código a seguir:
Agora procure (Ctrl + F) por: ]]></b:skin>
ACIMA dele cole o código a seguir:
Laranja: Largura total do menu, poderá mudar de acordo com seu gosto
Amarelo: Largura total da sua imagem
Verde: Altura total da imagem
Vá no html do seu blog e procure(Ctrl + F) por: <div class='column-center-outer'>
ABAIXO dele, cole o código a seguir:
<div id='pag'>Em vermelho é o link da imagem, "link" e "nome da página" estão no código com instruções...
<a href='LINK' title='NOME DA PÁGINA'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSe3UJWD_iEbu3pIHzHAW-Ikh3msale7q50JmTXz_flM0Xq3fuxBqG4-419X23VWlzyrdCkQTj0S_kz67ax8k3kXh91aP4ltDi_3d2FXF88tfx4ZnemStsGugZNIESG4dpcBmSvYhwPSdY/s1600/home.png'/></a>
<a href='LINK' title='NOME DA PÁGINA'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cEbV1GapWJMx4oRuOpP5RFS4G13VtBTdA-mfnWiONiyuAhJRI3N-jJh3psbSU28Q6dadd-FseVdMyO2Y0AM88Yv4Rkbxdd92AKBIO7k_a2JON9hlZPvTh67Xzm2S3OFF1AxK55j2cfOR/s1600/about.png'/></a>
<a href='LINK' title='NOME DA PÁGINA'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFMq76VEAvNsAFXUtX46NBMSz8XIE5xca_o4ZE2xi9jn3H3QSTmzwgLCVnTlJdgp5DgK_2SU3G6pyWJhhH1IwHg9lp13bIOAMR5Ps7dG0RvD1rawcfrgD3O52nfo8_hCvoy0UzmWMzc4rV/s1600/faq.png'/></a>
<a href='LINK' title='NOME DA PÁGINA'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1g3_qeF45ZpMzeqrMV4oFDlZp4O2dt4gSgt5j2SWhvpjD48qJPZeeb9d2Ev97gHCCHu9gIJMOXEUGGV4ARq4yvkCAkZQxmMYDS47HWoVAqlrkMKIpa9YOmYi_gw3rhkR1fatzCQoX5LXC/s1600/goodies.png'/></a>
</div>
Agora procure (Ctrl + F) por: ]]></b:skin>
ACIMA dele cole o código a seguir:
/* ----- Menu Beside - By Trashy Girl(Juu) ----- */Vermelho: Flutuando a left(esquerda), poderá tambem mudar para right(direita)
#pag{
float: left;
margin:0 -109px;
width:120px;
}
#pag a{
padding:5px 0;
display:block;
width:114px;
height:47px;
}
#pag a:hover{
EFEITO QUE VOCÊ QUER USAR QUANDO PASSAR O MOUSE NA IMAGEM}
Laranja: Largura total do menu, poderá mudar de acordo com seu gosto
Amarelo: Largura total da sua imagem
Verde: Altura total da imagem
créditos:trasshygirl
0 comentários:
Deixe seu comentário: