Páginas

30 de ago. de 2011

Colocar moldura nos vídeos


Bom, vocês devem ter visto no último post, que eu coloquei uma moldurazinha no vídeo, né? Então, hoje vou ensinar a vocês a como fazer isso. Eu acho isso super lindinho. Não, é sério, eu acho isso muito lindo! Da uma ar fofo e profissional ao seu blog. Não se preocupem que não é um bicho de sete cabeças! (rsrs) Vi esse tutorial no Trechy Teen.

Para ler o tutorial todo, clique em continue lendo.

Primeiro, você vai precisar de uma imagem, que vai ser a moldura do vídeo. Eu fiz umas para vocês usarem. Ou então vocês podem usar como base:





Vá no youtube, e vá no video que você quer colocar. Clique em compartilhar >> Incorporar



Agora, copie o seguinte código:

<center><div style="background: url( url da imagem) left no-repeat; height: 348px; width: 480px;">
<div style="float: left; padding-left: 22px; padding-top: 38px;">
<iframe allowfullscreen="" frameborder="0" height="253" src=" código do video" width="437"></iframe></div>
</div>
</center>



-url da imagem: Substitua pela url da imagem que escolheu para ser a moldura.
-código do video: Substitua pelo código que você copiou no passo anterior.

Proonto! Acabou! Espero que tenham gostado. Se não tiver dado certo, me pergunte! :D

4 comentários:

Anônimo disse...

hooooy *-* obrigada pelo créditos gatona

Tsu-chan disse...

:3 nada não, linda!

Anônimo disse...

Como você fez esse menu "HOME" "ABOUT"?

Tsu-chan disse...

Aqui tem um tutorial:

http://deboramoraiss.blogspot.com/2011/09/menu-com-efeito-hover.html