Google+

Hoje é o Dia da Terra!ZoopCreative

Dia da terra

Em 22 de abril, celebra-se também a criação da Carta da Terra, escrita durante a conferência...

4- Inserindo vídeos em seus artigos

Utilizar vídeos em suas publicações enriquece muito seu conteúdo fazendo com que seus leitores se tornem ainda mais 'engajados' com seu blog ou site. Diante disso veremos como podemos inserir vídeos tanto do Youtube quanto de outros players que existem na internet. Há uma grande variedade de sites similares ao Youtube, o problema é que muitos deles utilizam códigos diferentes dos usados por ele e isso pode acabar dificultando a vida de blogueiros e editores de sites na hora de incorporar vídeos em seus artigos.

 

Primeiro veremos como inserir um vídeo do Youtube nos posts de website ou blog:

1- Posicione o cursor do mouse no local onde você quer de que o vídeo apareça;

2- Clique no ícone de vídeo que está na terceira linha de ferramentas do editor de texto, do lado direito, logo acima do campo onde você vai digitar o texto de seu post;

3- Na sequência será aberta uma janela pop-up onde você verá três 'abas': 'Geral', 'Avançada' e 'Código', clique na aba 'código';

4- Ainda dentro da janela pop-up, na aba 'Código' haverá um campo em branco, ocupando grande parte da janela, você deve colar o código que você acabou de copiar na página do Youtube neste campo e clicar no botão 'Inserir', no canto esquerdo na parte de baixo dessa mesma janela pop-up. 

5- Agora você verá um quadrado na cor amarela dentro do campo onde você está digitando o texto de seu novo post ou artigo, é importante centralizar este quadrado para que o vídeo fique bem posicionado após a publicação do artigo, para isso basta selecionar este quadrado amarelo com apenas um clique e na sequência, ainda com o quadrado selecionado, clicar na ferramenta de centralização na parte superior esquerda do editor de texto, no alto.  
 
Pronto, seu vídeo já está devidamente ajustado e você já pode publicar seu novo artigo ou post em seu blog. Mas não se esqueça de revisar seu texto para garantir que tudo está correto e não há erros de digitação. 




Inserindo vídeos usando 'iframes'

Veremos agora como inserir vídeos nos seus artigos de uma outra forma, como dissemos no início deste tutorial existem muitos players que disponibilizam vídeos na internet e alguns deles usam códigos diferentes dos utilizados pelo Youtube, e um desses códigos é chamado de 'iframe', geralmente iframes são trechos de códigos mais curtos bem diferentes dos códigos do Youtube. Para inserir um iframe em seus artigos siga os passos a baixo:

1- Posicione o cursor do mouse no local onde você quer de que o vídeo apareça;

2- Clique no ícone de vídeo que está na terceira linha de ferramentas do editor de texto, logo acima do campo onde você vai digitar o texto de seu post;

3- Na sequência será aberta uma janela pop-up onde você verá três 'abas': 'Geral', 'Avançada' e 'Código', clique na aba 'Geral';

4- Ainda dentro da janela pop-up, na aba 'Geral' você verá três campos 'Tipo', 'Arquivo/URL' e 'Dimensões', no campo 'Tipo' clique na seta ao lado, serão mostradas oito (8) opções, selecione 'iframe'; 

   4.1- Logo a baixo, no campo 'Arquivo/URL' insira o link do vídeo;
  4.2- O próximo campo é 'Dimensões', neste campo você deve digitar os valores correspondentes a largura e   altura que você deseja com que seu vídeo apareça. Seu template Zoop suporta por padrão uma largura máxima de 530 pixels, então você somente precisa digitar o valor 530 na primeira caixa de texto referente a largura, o sistema fará uma adequação automática da altura do vídeo deixando-o com dimensões proporcionais;
  4.3- Clique no botão 'inserir', no canto esquerdo na parte de baixo dessa mesma janela pop-up. 


Agora basta revisar seu texto e publicar seu novo artigo. 

 

 

Agências de webdesign

Gostou desse artigo? Compartilhe!