Como adicionar ou mudar um vídeo no seu blog - Kelly Ribeiro

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

domingo, 22 de março de 2015

Como adicionar ou mudar um vídeo no seu blog

Como adicionar ou mudar um vídeo no seu blog

Acesse o painel do seu blog: www.blogger.com;

Coloque seu email e senha;

Clique em Layout conforme imagem abaixo:


Na tela que abrir clique sobre adicionar gadget;


Na tela que abrir clique sobre HTML/JavaScript;



Aparecerá a tela abaixo;

Abra outra tela do seu computador no youtube e procure o vídeo que você quer adicionar ou mudar em seu blog. No caso do exemplo aqui esses vídeos que minha filha assiste, ficam bem no começo do youtube, aproveitei e cliquei sobre o vídeo da Peppa Pig;


Clique sobre compartilhar;


Depois clique sobre Incorporar;


Abaixo de Incorporar vai aparecer um código selecionado ou se não estiver selecionado, selecione e copie este código usando control+C ou command+C.

Agora volte na tela em que você estava anteriormente;


Agora, usando control+V ou command+V, cole o código no espaço em branco;


AGORA ESSA PARTE REQUER MAIS ATENÇÃO:

Para que seu vídeo fique bem centralizado você deve acrescentar o códigos abaixo:

Coloque <center> antes do código;
Coloque </center> depois do código.

O código ficará assim:

<center>  <iframe width="560" height="315" src="https://www.youtube.com/embed/6x4wmpyzJus" frameborder="0" allowfullscreen></iframe>  </center>

Veja abaixo: ( para ver a imagem maior clique sobre ela )


AGORA ESSE PASSO TAMBÉM REQUER ATENÇÃO:

Vamos ajustar o tamanho do vídeo, pois, os vídeos estão em tamanhos maiores do que o tamanho da sua coluna lateral. Se você for colocar o vídeo em algum lugar maior que a lateral do seu site ou blog é só aumentar os valores até que fique harmonioso.

No caso da barra lateral do meu exemplo o tamanho que fica mais harmonioso é 300 de largura x 230 de altura.

Para ajustar veja o exemplo abaixo e modifique as numerações após width e height:

<center>  <iframe width="560" height="315" src="https://www.youtube.com/embed/6x4wmpyzJus" frameborder="0" allowfullscreen></iframe> </center>

No caso do meu exemplo ficou assim:

<center> <iframe width="300" height="230" src="https://www.youtube.com/embed/6x4wmpyzJus" frameborder="0" allowfullscreen></iframe> </center>

Clique em Salvar;


Agora vá no seu site ou blog e veja como ficou. Caso não tenha ficado bem alinhado no local onde escolheu para colocar o vídeo volte no painel clique sobre editar no local onde você escolheu;



Ou você também pode editar sem sair da página do seu site. Na imagem abaixo você verá na pontinha da seta umas ferramentas, ao clicar abrirá a tela pra você fazer as correções e clique em salvar.

NO CASO DE VOCÊ QUERER TROCAR O VÍDEO É SÓ SEGUIR O MESMO PROCEDIMENTO APAGUE O CÓDIGO E COLOQUE O OUTRO, AJUSTE O TAMANHO E PRONTO CLIQUE EM SALVAR.


Prontinho, ficou uma postagem grande, mas ficou bem explicadinho.
 

Abraços. Não esqueça de comentar abaixo.

Nenhum comentário:

Postar um comentário



Post Top Ad

Responsive Ads Here