Visual Dicas

---

Como colocar o widget do seu canal do Youtube no blog ou site Posted: 26 Nov 2018 12:13 PM PST 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 Visual Dicas - A sua fonte de informação!

You are subscribed to email updates from Visual Dicas. To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States