Tutorial: vídeos no post de forma responsiva

17/08/2018
Model by Tda, KanekoRanou | Stage by Kanihira | Effects: Croquis, MirrorWater, SoftLight, AutoLuminous4, ikWatercolor, LensFlare, ikClut
Título longo demais, mas só assim dá pra entender!

Olá, criaturinhas! Como vocês estão?

Esses dias estava planejando uma post que contém um monte de vídeos (sem spoiler do que é por agora!) mas não conseguia fazer o vídeo ficar bonito no blog. Se você fizer da maneira convencional, fica bem pequeno e sem graça. Se abrir o vídeo no YouTube, clicar nele com o botão direito e selecionar "Copiar código de incorporação", o vídeo atravessa a postagem. Que dilema! E agora?

Pois bem, há um site maravilhoso que vai poder salvar você, humano que quer colocar um vídeo no blog de um jeitinho top, mas vai salvar mais ainda quem usa um layout responsivo. Vamos lá?

O site em questão é o EmbedResponsively, onde você pode deixar os vídeos do YouTube, do Vimeo, do DailyMotion e até mesmo mapas do Google Maps bem bonitinhos na sua postagem! Embora a interface seja bem simples de entender e autoexplicativa, vou colocar um guia para quem não conseguir entender ou ficar com alguma dúvida.

  1. Você pega a URL (ou link para os mais íntimos) do vídeo que quer inserir na sua postagem e o copia;
  2. Acesse o EmbedResponsively e, se o vídeo que quer inserir na post não estiver no YouTube, só selecionar o nome do site onde ele está hospedado e seguir pro passo 3. Se estiver no YouTube, ignore esse passo 2;
  3. Pegue seu link e cole na caixinha que diz "(nome do site) page URL";
  4. Clique em "Embed". Não dê enter, senão vai dar no vídeo de exemplo deles, pelo menos no Edge foi assim, então recomendo ir logo no "Embed" e evitar o erro;
  5. A gente já está quase lá, pode ficar tranquilo. Vai aparecer a miniatura do vídeo escolhido e um código logo embaixo. Selecione o código e dê o famoso Ctrl + C;
  6. Entre no Blogger, vá editar sua postagem e, logo no cantinho esquerdo, bem em cima, tem duas opções: Escrever, onde (provavelmente) já estava selecionado, e HTML. Clique no HTML;
  7. Vai aparecer o código da sua postagem, mas nada complicado de entender, ok? Quando achar o parágrafo em que deseja adicionar o vídeo, cole o código na posição que achar melhor: se quiser acima do parágrafo, pule uma linha acima dele e cole. Se for abaixo, pule uma linha embaixo e cole o código. Quase a mesma coisa de como se estivesse fazendo no modo normal.

E agora, um vídeo para vocês verem como fica. Confesso que amo essa música!

Eu sei que sou uma péssima professora 😂 mas tentei ajudar quem precisa dessa dica. Não é nada complicado, parece um pouco, confesso, mas é bem simples. Espero que tenham gostado, que tenha ajudado e até a próxima! 💕

Nenhum comentário

Postar um comentário

Olá, fique a vontade para comentar aqui! Se for tímido, pode usar o anônimo, só peço pra manter a paz nesse cantinho! ✨