Como colocar o widget do seu canal do Youtube no blog ou site

Canal do Youtube.

Como sabemos, os vídeos são ótimos meios de comunicação para agregarem conteúdo e gerarem mais visitas para os sites e blogs. O Youtube é um dos melhores sites de compartilhamento de vídeos da internet.

Se você possui um canal no Youtube, poderá colocar uma widget com o link para inscrição de novos visitantes para o seu canal. Assim você divulga o seu canal e incrementa o seu blog.

“Um widget é um componente de uma interface gráfica, o que inclui janelas, botões, menus, ícones, barras de rolagem, etc..”

Widgets são fundamentais no seu blog tanto pelos seus atrativos, funcionalidade e facilidade de utilização, como pela excelente ferramenta de interação entre o seu blog/site e seus leitores

Criando o widget do seu canal do Youtube

1) Localize o ID do seu canal do Youtube: Acesse o seu canal e copie o código que aparece depois da palavra “channel”. Veja o exemplo abaixo:

2) No código abaixo, substitua o ID do usuário pelo código que você copiou:

<div>
    <script src="https://apis.google.com/js/platform.js"></script>
    <div class="g-ytsubscribe" data-channelid="ID DO USUARIO" data-layout="full" data-count="default"></div>
</div>

Utilize o Squids Editor para testar seu código. Veja como fica o nosso widget no editor:

Veja como ficou o nosso widget no blog:

3) Coloque o código do widget no seu blog:

• Blogger: Como instalar um Widget no seu Blog -(Blogger)
• Wordpress: Como inserir Widgets no Wordpress sem a instalação de plugins

Você poderá incluir o código no seu site também copiando e colando o código no local desejado.

Personalizando sua caixa do Youtube

Se você tem algum conhecimento de CSS, poderá personalizar sua caixa do canal do Youtube utilizando o atributo “style” dentro do elemento “div”. Veja o exemplo abaixo que usamos para o nosso canal do Youtube:

<div style="text-align: center;padding: 15px 0 15px 0; width: 200px; border: 01px solid #000;">
< script src="https://apis.google.com/js/platform.js"></script>
< div class="g-ytsubscribe" data-channelid="UC1FYErV2wBrZGHCetXQztWQ" data-layout="full" data-count="default"></div>
< /div>

Teste suas alterações no Squids Editor.

Veja como ficou o nosso exemplo:

Aproveite e se inscreva em nosso canal do Youtube!!!!

byALF