Heey boy and girls, estão beleza? Então, já viram aqueles blogs que tem aquelanuvenzinha lá encima, no cabeçalho, passando de um lado pro outro? Pois é, hoje vim ensinar vocês á fazerem isso, vou ensinar outro estilo, oks. Então vamos logo ao tutorial:
Vá em Design > Editar HTML > Dê um Ctrl + F e procure por <body> ( se não encontrar procure por <body expr:class='"loading" + data:blog.mobileClass'> ) e quando achar, cole encima disso esse código:
<marquee behavior='alternate' direction='right' height='104px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'><img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> <img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> <img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> </marquee>
'alternate': é o movimento das imagens, com isso elas vão ''batem na tela'' e voltam. Se você apagar elas vão ficar passando.
Right: coloque a direção que quer que ela vá. No código que ela vai para direita >>.
104px: a largura.
scrollamount='3': a velocidade.
Então é só vocês editarem como quiserem e visualizar. Se a nuvem estiver passando é porque está tudo certo, senão você fez alguma coisa errada, ai você precisa vá em limpar edições e tentar de novo. Bom, amores por hoje é só. Beijinhos pra vocês!
Nenhum comentário:
Postar um comentário