PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

26/11/2018

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

image

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:

image

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:

image

Veja como ficou o nosso widget no blog:

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

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

    3 comentários:

    Lily Allen disse...

    The post is really great and it is very nice to read and getting information.Thanks for sharing this.This is so beautiful.

    Laercio Gomes disse...

    Show!!!

    Priscila Martins disse...

    Segui o seu tutorial e deu certo! Muito Obrigada!

    Postar um comentário

    Gostou do Post? Então espalhe!

    Quem está curtindo...

    Encontre no blog...

    Fique mais.... Leia os nossos artigos!!!

    Gostou? Então espalhe!

    Twitter Delicious Facebook Digg Stumbleupon Favorites More

     
    Web Analytics