CBBlogers

Colaboradores

Como colocar o gadgets do Youtube no blog

por Graziela Forti em Colaboradores, Dicas Tech, Gadget

março 22, 2016 7

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.

ScreenHunter_33 Mar. 21 12.51

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.

Widgets Youtube

 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!

Widgets Youtube 2

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.

Widgets Youtube 3

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.

Widgets Youtube 1

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

Comentários

  1. Foto de perfil de mirellydarlen

    Tentei e não deu certo, coloquei de outro jeito mais queria que ficasse aparecendo o vídeo 🙁

    http://www.cacheandocommirellydarlen.com

    Responder
  2. Letícia Cavadas julho 29, 2016 10:55

    Queria que aparecesse automaticamente o ultimo vídeo postado, isso é possível?

    Responder
  3. Não deu certo…
    Pode revisar?

    Responder
  4. Não deu certo ٩(͡๏̯͡๏)۶

    Responder
  5. Não funcionou, olha que já pesquisei bastante, Tentei colocar musica também não consigo, Valeu.

    Responder
  6. Foto de perfil de Jéss Trindade

    Tentei colocar no WordPress e não apareceu 🙁

    Responder
  7. Não funcionou no blogger

    Responder

Deixe um comentário

O seu endereço de email não será publicado.


*


CBB no PFW - ULTIMO DIA!
  
Pular para a barra de ferramentas