Como colocar o gadgets do Youtube no blog

Quer receber as melhores dicas para blogs? Registre-se no CBBlogers e receba todas as novidades e informações em primeira mão!

---

Hoje em dia os vídeos são o meio de comunicação que geram mais tráfego para os sites e blogs, pois ajudam a compor um conteúdo mais rico para os leitores.

Que tal aprendermos como colocar a caixa do Youtube na lateral do blog para você conquistar ainda mais seguidores? Hoje vamos ver duas formas de inserir o widgets no blog, a primeira será apenas o gadgets do canal e segunda é o modelo abaixo contendo o último vídeo publicado.

Esse tutorial serve para plataforma Blogger e WordPress.

Passo 1 –  Você precisa do seu ID de usuário do Youtube.

Para saber qual é o seu ID, acesse o seu canal do Youtube e copie  o código que estiver depois da palavra “channel”, conforme o destaque da imagem abaixo.

 Passo 2 – O código HTML que será colocado em seu blog será o código abaixo:

<div style=”margin-top:15px;”>

<script src=”https://apis.google.com/js/platform.js”></script>

<div class=”g-ytsubscribe” data-channelid=”ID do seu usuário” data-layout=”full” data-count=”default”></div>

</div>

Onde está o “ID do seu usuário”, você irá colocar o ID achado no passo anterior.

Passo 3 – Iremos colocar no blog.

Para os blogs na plataforma Blogger – acesse a opção Layout, clique em Adicionar Gadgets, escolha a opção HTML e cole o código do passo 2. Depois é só salvar e ver como ficou!

Para os blogs na plataforma WordPress – Vá na opção Aparência, selecione a opção  Widgets e clique em criar um novo widget de TEXTO. Dentro dele cole o código do passo 2.

Pronto, aprendemos a colocar apenas o ícone para os seus leitores seguirem o seu canal. Agora vamos aprender a colocar o ícone com o último vídeo publicado.

Passo 4- Para essa opção você precisará do ID do vídeo.

Acesse o seu vídeo no canal do youtube e copie o código que aparece depois do sinal de “=” da palavra “watch”, conforme a imagem abaixo.

Agora o código HTML utilizado será  o que está logo abaixo:

<center>
< iframe width=”300″ height=”169″ src=”https://www.youtube.com/embed/código do vídeo” frameborder=”0″ allowfullscreen></iframe>
<div style=”margin-top:15px;”>
<script src=”https://apis.google.com/js/platform.js”></script>

<div class=”g-ytsubscribe” data-channelid=”ID do seu usuário” data-layout=”full” data-count=”default”></div>

</div></center>

Substitua o “código do vídeo” pelo ID encontrado do vídeo. E substitua o ID do Usuário conforme foi feito no Passo 2.

Outro detalhe que precisa ser alterado é que na segunda linha do código tem um espaço entre o símbolo “<” e a palavra “iframe”, quando colar o código no blog tire esse espaço. Precisei colocá-lo para que o código aparecesse para vocês poderem copiar, pois se eu colocasse sem o espaço o código HTML seria alterado e iria aparecer o vídeo do youtube aqui no post.

Para colocar no blog é só seguir novamente o passo 3.

Agora o seu blog já tem o ícone do seu canal para os seus leitores te seguirem por lá também.

Espero que tenham gostado! Beijos e até logo.

---

CBBlogers by Grazi Forti

E pra quem quiser conhecer um pouco mais sobre a Grazi, acessem o blog Falando de Feminices  para encontrar várias dicas, e também não esqueça de segui-la aqui na nossa Comunidade!

Facebook / Twitter / Pinterest / Instagram

Tags: blogger, dicas tech, Layout