Como colocar uma janela de vídeo no blogger | Quero Dicas Quero Dicas : Como colocar uma janela de vídeo no blogger

Quero Dicas : Como colocar uma janela de vídeo no blogger

Como colocar uma janela de vídeo no blogger

| |


Colocar uma janela de vídeos no blogger é tarefa bem fácil, basta seguir três passos e pronto. O nome desse estilo de janela é janela modal e não como muitos pensam: janela pop-up

Qual é a diferença de janela modal para janela pop-up?

Janela pop-up são aquelas que se abrem automaticamente no navegador quando se acessa uma página na web ou algum link de redirecionamento. Normalmente, ela é muito usada nos blogs e sites para solicitar ao visitante que recebam atualizações por e-mail ou pedidos de curtidas no Facebook entre outras redes e/ou outras solicitações.

Janela modal existe dois tipos: Uma de diálogo que bloqueia qualquer interação na janela principal (blog ou site), até que o diálogo seja encerrado pelo visitante e outra em que pode haver interação concomitante entre as duas janelas. Normalmente, a mais usada é a diálogo modal (bloqueia o visitante).

Neste tutorial, estarei ensinando como colocar uma janela diálogo modal de vídeos. Podendo ser seus próprios vídeos ou não.


  TUTORIAL


Sempre recomendo: Faça um backup do seu template ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a um blog de teste! Caso não saiba fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

1º Passo:

1 - Acesse o painel do seu blog
2 - Clique me "Modelo" e "Editar HTML"
3 - Clique em qualquer lugar dentro da área de código e pressione CTRL + F para a caixa de pesquisar
4 - Ao abrir a caixa, cole e procure pelo código: </head>

 
</head>


5 - Após localizá-la, logo acima cole o seguinte script:


Atenção!
Veja se há um ou mais scripts iguais do código em seu template, principalmente, o plug-in Jquery (vermelho). Caso tenha algum igual, copie somente os outros restantes.

6 - Salve.

2º Passo:

1 - Vá para o Painel do seu blog
2 - Clique em "Layout" em seguida "Adicionar um Gadget"
3 - Procure e selecione "HTML/Javascript"
4 - Dentro dele, cole um dos estilos de Janelas Pop-up:

Janela modal : Texto simples
Este estilo mostra somente um pequeno texto (link) para clicar e visualizar seus vídeos.

Clique para copiar o código da Janela modal : Texto simples

Janela modal : Com imagem
Este estilo mostra uma imagem com o link do do seu vídeo.

Clique para copiar o código da Janela modal : Com imagem


3º Passo : Adicionando Vídeos ao Blogger 

• O destaque em vermelho, em ambos os códigos, você deverá adicionar o ID DO VÍDEO a ser mostrado. Para isso basta:

1. Vá ao Youtube
2. Escolha o vídeo que deseja que seja mostrado na janela
3. Copie o final do endereço mostrado na barra de navegação depois do simbolo igual (=).

Veja na imagem abaixo:

• O destaque em Azul, na Janela modal : Texto simples escrito "Texto que aparece para abrir a janela pop-up", você deverá escrever o texto de sua preferência.

• Na Janela modal : Com imagem : O destaque em Verde, você deverá colocar a URL DA IMAGEM da sua imagem a ser exibido.

Não sabe como coletar a url das suas imagens? Sem problema. Acesse e aprenda:
Como hospedar imagens no próprio blogger


IMPORTANTE: 
→ Este código suporta outros serviços de publicação de vídeos: Blip.tv, Vimeo, Sapo Vídeos, etc.
Basta copiar o ID do vídeo da mesma forma que mostrada acima.

→ Você também poderá utilizar ambos os estilos (Texto simples ou com imagens) em seu blogger.

Gostou? Comente!
Beijinhos

Me Contrate!



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


6 comentários:

  1. que presente lindo!
    eu vivo trocando os meus templates...
    baixei ele ta,quando for usar eu venho avisar.
    Obrigada!Beijos <3

    ResponderExcluir
    Respostas
    1. Que bom que tenha gostado Vivi. me avise mesmo, vou adorar vê-lo em seu blog. =D Beijinhos♥

      Excluir
  2. Bia meu amor,parabéns pelo blog que ja tem 1 ano de dedicação e carinho seu aqui e por isso mesmo que estou adorando ler as postagens e muitissimo obrigada pelo presente!!!EU JA INSTALEI ELE NO MEU BLOGGER!!!
    Primeirinhaaaa rs
    Agora vou configura-lo aos poucos conforme as regras que foram citadas.
    Por favor me visite:http://balaiadadegatas.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Acabei de visitar seu blog e está lindo!
      Vi que você colocou outro banner que eu criei para o universos das dicas kkkkkkkkk e ficou ótimo
      Parabéns e sucesso!
      .

      Excluir
  3. Que legal as informações contidas no seu blog tenho certeza que auxilia muitas pessoas parabens

    ResponderExcluir
    Respostas
    1. Que bom que esteja gostando Léia.
      Muito obrigada por seu comentário e sua visita =D
      Beijinhos ♥

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Atoananet Linkirado
subir