Momento Criativo

¡Hola chicas! Como estão?

Vivendo e aprendendo, hoje vou tentar mostrar para vocês um tutorial que eu vi no blog Just Like She créditos total da dona ^^; mas não para por aí... Clique em continue lendo.

------------

Não tem a imagem do meu perfil? Alí do lado ----> Quando a página tem o carregamento concluído, e passamos o mouse sobre a foto aparece outras informações. Achei um máximo e resolvi dividir isso com vocês.
Vocês devem copiar esse código e fazer as edições necessárias:

</font></font><strong><span lang="EN-US" style="font-family:"Trebuchet MS","sans-serif";mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin;mso-bidi-font-family:Arial;color:#2A2A2A; mso-ansi-language:EN-US;mso-fareast-language:KO;font-weight:normal;mso-bidi-font-weight: bold"><a href="LINK DO SEU BLOG" target="_blank" onmouseover="document.images['myimage'].src='IMAGEM 2';" onmouseout="document.images['myimage'].src='IMAGEM 1';"></span></strong></p> <p class="MsoNormal" align="left" style="margin-bottom:0cm;margin-bottom:.0001pt; text-align:left;text-indent:0cm;line-height:normal"><strong><span lang="EN-US" style="font-family:"Trebuchet MS","sans-serif";mso-fareast-font-family:Calibri; mso-fareast-theme-font:minor-latin;mso-bidi-font-family:Arial;color:#2A2A2A; mso-ansi-language:EN-US;mso-fareast-language:KO;font-weight:normal;mso-bidi-font-weight: bold"><img src="IMAGEM 1" border="0" id="myimage" /></a>

Você irá precisar editar duas imagens:

*Uma se você quiser com o nome "Passe o mouse" ou outro nome que você quizer.

*E a outra com informações que você quiser colocar.

*Para identificar melhor as imagens você pode coloca img 1 e img 2 ou simplesmente 1 e 2 para facilitar o encontro das imagens.

No código tem:

LINK DO SEU BLOG: você vai colocar o endereço do seu blog.

IMAGEM 2: você vai colocar a imagem com as suas informações.

IMAGEM 1: onde vai a foto que vai aparecer de primeiro antes que a pessoas passe o mouse.