Arquivos do Website:

Como adicionar vários vídeos do YouTube na lateral do blog


 Para adicionar vários vídeos do youtube na barra lateral do blog, basta você copiar o código do vídeo e, editar esse código, ajustando a largura e altura para 100x100. Os vídeos, com width="100" height="100" (largura e altura), ficam lado a lado, ocupando menos espaço e, além disso, é possível assistí-los neste tamanho. A imagem, que você vê abaixo com 3 vídeos lado a lado, foi feita na lateral do meu blog, quando era mais larga! Caso a lateral do seu blog, for menor que 300 pixel, podem ficar somente 2 vídeos lado a lado, ou somente 1 abaixo do outro. Você pode também, adicionar somente 1 vídeo abaixo do outro, todos na largura da barra lateral do seu blog.


Veja os exemplos na imagem abaixo, todos vídeos 100x100:



Assista um vídeo abaixo, no formato 100x100:

Agora, vou explicar como editar o código do vídeo:

1º)Copie no youtube o código do vídeo e, cole este código na caixa de texto, que está destacada na cor azul no final deste artigo.
2º)Localize no código, os seguintes trechos: "width=425" "height=344"  (largura e altura), estes são os valores padrão mais comuns dos vídeos do youtube. Há também, valores padrão de vídeos com: "width=480" por "height=385", "width=640" por "height=505" e "width=960" por "height=745". Troque os valores numéricos, por valores que você desejar exemplo: 100x100 (caso estudado) ou 200x200, 250x250 e assim por diante. Os trechos no código abaixo destacado na cor azul, são os trechos que você deve localizar, para trocar os valores (os vídeos no formato 100x100, mostram somente o botão do play e o botão do volume de áudio!).

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/BxE-GB9eDi4&amp;hl=pt_BR&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BxE-GB9eDi4&amp;hl=pt_BR&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

3º)Agora, que você já editou o código, com os valores desejados, vá até o painel de controle do seu blog, e clique em design, na lateral do blog, clique em adicionar gadget, escolha a opção HTML/JavaScript.
4º)Cole dentro deste gadget, os códigos editados, de todos os vídeos que você quer que apareça na lateral do seu blog.
5º)Salve, e visualize o seu blog, para ver se está tudo ok. Simples, não?

Você também, pode adicionar estes vídeos nos artigos do seu blog, basta editar os códigos e colá-los no editor HTML (ali onde você escreve os textos para colocar no blog).