Header Ads

Como Colocar um Vídeo como Fundo do seu Site Blogger

Antes de aprender este tutorial é necessário entender suas vantagens e desvantagens!


Vantagens:

• Pode vir a ser produtivo para um usuário que está vendendo um produto, para que pudesse atrair a atenção e interesse do cliente;
• Pode deixar seu site com uma cara mais profissional;
• Funciona perfeitamente;

Desvantagens:

• Os vídeos não podem ser interrompidos, por isso, se há um anúncio em execução no vídeo, você não poderá fazer nada sobre isso;
• Pode abrandar o seu blog, por isso antes de adicionar certifique-se de usá-lo propositadamente para causas distintas;

Observações e Dicas:

Antes de implementar, certifique-se que você não tem um site que é bastante grande em largura. O Widget máximo de conteúdo do site não deve ser superior a 700px, assim os usuários podem facilmente desfrutar do vídeo tocando no fundo.
Deixamos o link de uma DEMONSTRAÇÃO do resultado final. Clique Aqui.

Tutorial:

A primeira coisa que você precisa fazer é acessar a sua conta Blogger.com.br e após o login, escolha um blog em que você gostaria de instalar o vídeo do YouTube no fundo. Agora vá para Template >> Editar HTML >> Procure a tag </head> e logo acima dele cole o seguinte código:
É necessário fazer o download do código. Clique AQUI para baixar
Agora procure por </body> e logo acima dele cole este código:


Não se esqueça de substituir  IDDOVIDEO   com o ID do vídeo do YouTube, o ID são os caracteres que aparecem no final da URL. Para lhe ajudar deixamos a imagem abaixo. Uma vez que tudo é feito, salve o modelo.
Com tudo certo, esperamos que tenha ajudado. Se for repassar o tutorial coloque os devidos créditos que pertencem a nós do Tips Blog, pela tradução do tutorial.
Fonte: MyBloggerLab

10 comentários:

  1. Respostas
    1. Oi Paulo, o que aconteceu? por que não conseguiu?

      Excluir
  2. Fiz conforme indicado, Nada Aconteceu.........fiz em um site html não no blog..... pode me ajudar
    nilsonnq@yahoo.com.br

    ResponderExcluir
  3. 16/08/2014 Atualização: O Erro foi concertado, e o tutorial está disponível novamente ! Tenha um bom dia :D

    ResponderExcluir
  4. Quando coloco o div acima do body dá a seguinte mensagem: Erro ao analisar XML, linha 1991, coluna 3: The element type body must be terminated by the matching end-tag /body.

    ResponderExcluir
    Respostas
    1. Parece-me que o código não está terminado, então termine o código corretamente ! Se o problema persistir me procure pelo skype que irei ajudar. SKP: tales.loko7

      Excluir
  5. Muito bom cara consegui aqui, mai como eu faço pra aparecer ecritas em cima do video?

    ResponderExcluir
    Respostas
    1. Isso depende do template que você utiliza, procure por template mais simples!!

      Excluir
  6. A postagem esta incompleta, entrem na fonte original que lá esta correto.
    http://www.mybloggerlab.com/2013/10/how-to-embed-youtube-video-as-page-background-in-blogger.html

    ResponderExcluir
    Respostas
    1. Sandro a postagem está correta, se há algum erro pode me informar que vou corrigi-lo. Esta postagem foi adaptada e traduzida do site MyBloggerlab, não possui erros e nem falta de informações!!

      Excluir