COMO EXIBIR O ÚLTIMO VÍDEO DO YOUTUBE NO BLOG

25 maio 2016


Hoje é dia de tutorial aqui no Manual da Blogueira. Mas especificamente, toda quarta publicamos as aulas da série Layout dos Sonhos. Caso não saiba atualmente trabalho como webdeisgn, desenvolvendo layout e acessórios para blogs na Lory Design, e o código que vou disponibilizar aqui pra vocês, é o mesmo que uso nos trabalhos dos meus clientes. Resolvi criar essa série, pra ajudar algumas blogueiras que sonham em ter um layout exclusivo, mas não possuem condições para investir em um. Então chega, de conversa, e vamos logo pro tutorial.



1. Acesse o último vídeo publicado em seu canal e copie o código de incorporação, como a seta está indicando na imagem abaixo.



2. Para adicionar no blog, você precisa acessar o painel administrativo do blogger, procurar por: Layout --- Adicionar um Gadget --- HTML/JavaScripit e colar o código do vídeo que você acabou de copiar. Vai aparecer assim:
<iframe width="270" height="180" src="https://www.youtube.com/embed/EOHeoD_ahEI" frameborder="0" allowfullscreen></iframe>


Entendendo o código...


Width representa a largura e Height a altura do vídeo. Você vai precisar ter uma noção básica da largura da barra lateral do seu blog, pra que o vídeo não fique desproporcional, e feio visualmente. Caso queira centralizar o vídeo basta adicionar <center> antes e </center> depois do código do vídeo. 

Dessa maneira, você terá que trocar o vídeo sempre que publicar um novo, portanto, ele não é automático. Mas calma, que a Lory aqui, vai te apresentar um outro jeitinho de publicar o último vídeo sem ter que ficar trocando todas as vezes.

No mesmo local indicado no tópico 2, cole o seguinte código:
<iframe width="160" height="315" src="//www.youtube.com/embed/?listType=user_uploads&list=USERDOSEUCANAL&showinfo=1&theme=light" frameborder="0" allowfullscreen> </iframe>
O que está destacado de vermelho, se refere á url do seu canal, por exemplo: 

https://www.youtube.com/user/manualdablogueira

No lugar de USERDOSEUCANAL acrescente o nome do seu canal. Você encontra seu user, clicando em cima do nome do seu canal, e a url aparecerá na caixa de pesquisa do seu navegador (no topo da página do youtube). Quero somente alertar que esse código automático, não exibe uma imagem nítida do vídeo, mas resolvi compartilhar com vocês, porque acredito que vale a pena usa-lo mesmo com essa falha. 


A última aula eu ensinei a colocar a foto do perfil arredondada, com descrição e ícones das principais redes sociais, não deixe de conferir. Acompanhe também as últimas aulas:
Espero que tenha gostado, e caso queira ver aqui no manual dicas sobre o youtube, é só dizer através dos comentários. Será um prazer ajudar minhas colegas youtubers!  

Não esquece de seguir o blog na caixinha de seguidores que fica na barra lateral e de curtir nossa página no facebook que também está disponível na sidebar. Um super beijo e até o próximo post! 

2 comentários:

  1. Oi lory, lembra de mim? Rs, eu queria pedir o tutorial de como colocar data personalizada com imagem naquele layout base. Eu testei vários tutoriais e nenhum deu certo. Pode me ajudar?? Beijos!

    http://principiosdegarota.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Claro que lembro minha linda >.< vc sempre está por aqui, e na fan page também <3 Anotei seu pedido Tuane! Essa semana mesmo vou publicar um tutorial de personalização da data. Bjão :*

      Excluir