Oii Anjos, sei que o blog está muito desatualizado mas iremos voltar com tudo agora! Encomendei um layout com o designer Emerson do SP e só estou aguardando. Enfim, confiram esse belo tutorial que estava planejando a dias de como colocar recomendo na hader!. Espero que gostem e confiram:
e cole acima dessa tag o seguinte código :
#recomendo {position:absolute; overflow:hidden; top:210px; left:425px;}
Depois procure por : </body>
E cole acima dessa tag esse outro código :
<div id='recomendo'>
<a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a><a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a>
<a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a>
<div/>
<a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a><a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a><a href='Link do blog' title='Você?'><img class='ByeDown' src='Imagem que representa o blog'/></a>
</div>
Nesse código contém 6 afiliados organizados em 2 fileiras!. Se quiser que fique tudo junto, retire o "<div/>" do meio!
Entenda o código :
Onde está escrito "Link do blog" troque pelo link do blog recomendado.
Onde está escrito "Imagem que representa o blog" troque pelo link da imagem que representa o blog recomendado.
Onde está escrito "Você?" Troque pelo nome do blog que quando passar o mouse poderemos ver.
Movimente o código:
O primeiro código que disponibilizei seria o código do movimento o qual você poderá mover seu recomendo para onde quiser.
Top : seria a altura do recomendo, movimente para a altura que quiser e teste para achar a altura ideal.
Left : é o tanto que você gostaria para sua esquerda.
Bom anjos o código e o tutorial é só isso! Espero que tenham gostado beijoos. ♥
Nenhum comentário:
Postar um comentário