Como colocar o gadgets do Youtube no blog
22/03/2016Quer 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!
Não deu certo, não aparece nada no Blogger.
O codigo funciona? Também queria postar os meus videos no meu blooger.
Não funcionou no blogger