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
9 thoughts on “Como colocar o gadgets do Youtube no blog”
Deixe uma resposta
Leitores também acessaram:
-
Você já ouviu falar em jornada do cliente?
Há alguns anos as ações de Marketing eram 100% voltadas para o momento de decisão de compra do cliente. Com […]
-
Dicas para ter sucesso na estratégia de Marketing Digital
E para finalizar nossa série de artigos sobre Marketing Digital, confira cinco dicas essenciais para que o seu plano estratégico […]
-
Influenciadores Digitais X Vendas
Com uma comunicação direta através das redes sociais, os influenciadores digitais, em sua maioria, produzem conteúdo capaz de influenciar no […]
-
Impactando pessoas com Marketing Digital
Influenciadores, Criação de Conteúdo, E-mail Marketing, por onde começar? A internet é o 3° veículo de maior alcance no Brasil, […]
-
O que é marketing digital?
Iniciaremos hoje uma série de artigos sobre Marketing Digital, com informações e dicas, além de outras curiosidades. Mas o que […]
-
Instagram Reels: agora são 30 segundos de conteúdo!
O Instagram mais uma vez arrasou e trouxe mais uma novidade pra ajudar no nosso engajamento. A rede social mais […]
Tentei e não deu certo, coloquei de outro jeito mais queria que ficasse aparecendo o vídeo 🙁
http://www.cacheandocommirellydarlen.com
Queria que aparecesse automaticamente o ultimo vídeo postado, isso é possível?
Não deu certo…
Pode revisar?
Não deu certo ٩(͡๏̯͡๏)۶
Não funcionou, olha que já pesquisei bastante, Tentei colocar musica também não consigo, Valeu.
Tentei colocar no WordPress e não apareceu 🙁
Não funcionou no blogger
O codigo funciona? Também queria postar os meus videos no meu blooger.
Não deu certo, não aparece nada no Blogger.