Como visualizar imagens e vídeos nos comentários em blogs do Blogger? - * Blog Elaine Gaspareto *

Como visualizar imagens e vídeos nos comentários em blogs do Blogger?

em 13/07/2017

Como visualizar imagens e vídeos nos comentários em blogs do Blogger?

Holla, gente querida!
Hoje quero compartilhar contigo uma coisa bem legal que já havia visto em blogs que rodam na plataforma Wordpress e que consegui implementar sem erros em blogs do Blogger usando como base esse código Codepen.
Falo da exibição de imagens (jpeg, png e gifs) e vídeos nos comentários dos posts.
Quer ver o exemplo?
Role a página até chegar na área dos comentários e confira!
Fica legal demais, né?
E pra ter em seu blog é tão simples que você não vai acreditar!
Quer aprender? Vem comigo!


Como visualizar imagens e vídeos nos comentários em blogs do Blogger?


Abra a página com o código necessário para implementar o recurso em seu blog:

Copiar o código

Agora vá ao painel de seu blog e clique na aba Modelo. A seguir clique em Editar HTML e dentro da caixa do código-fonte tecle Ctrl+F. Na barra de busca que aparecer digite </body> e tecle Enter para localizar.
ACIMA de </body> cole o código que copiaste da página de códigos.
Salve.
Está feito.
Sim, só isso.

Agora preste atenção!
Para exibir imagens nos comentários do seu blog precisa ter a imagem hospedada em algum lugar (eu hospedo no próprio blog, ou no Google Drive) pois precisa do endereço http dela.
Aí, quando algum leitor estiver comentando e quiser inserir uma imagem basta inserir o endereço dessa imagem, sempre começando com http;

Caso o leitor queira colocar um vídeo no comentário basta ter a url do vídeo que deseja mostrar e inserir no comentário; o vídeo aparecerá, lindo e sem erro.
Não é demais?

Quer testar?
Comente aqui nesse post, insira um vídeo (de seu canal, ou de qualquer canal) ou uma imagem que queira me mostrar e a mágica acontece.
Bora?

Recordando:

Mostrar vídeo: basta colar o endereço (url que copiamos do navegador, na página do vídeo que queremos mostrar)do vídeo;
Mostrar imagem: basta colar o endereço a imagem, começando com http.
3 comentários via Blogger
comentários via Facebook

3 comentários:

  1. Olha como funciona legal!
    Um vídeo:
    https://www.youtube.com/watch?v=9WrYn9-eRq0

    Uma imagem:
    https://2.bp.blogspot.com/-T3tPKZembic/WWTtbm5s2OI/AAAAAAABXfA/FKSlA7yzBXYuYcvbQHwm9atMYjG0Wnb4gCEwYBhgL/s1600/viva.png

    Faz o teste aí, mig@s!

    ResponderExcluir
  2. Oi Elaine, dica mais do que incrível!
    Vou testar aqui, vamos ver se vai dar certo. Vou inserir uma foto do meu post sobre uma entrevista que eu fiz com uma maquiadora de noivas indianas, que eu conheci em minhas andanças pela Índia. A entrevista e fotos belíssimas estão no post desta sexta-feira.
    Beijos,
    Ana

    http://www.viagensebeleza.com/2017/07/sinu-indian-artist-specializing-in.html

    ResponderExcluir
    Respostas
    1. Ana, precisa ser o endereço da imagem e não do post. Clique sobre a imagem que deseja mostrar, a seguir clique sobre ela com o botão direito do mouse e copie a url dela, ou endereço da imagem. Aí cole no comentário.
      Assim:

      https://2.bp.blogspot.com/-mzYkZtrxQfQ/WWdru5JQcUI/AAAAAAABaUc/3v6GYLwgdfkcTfqZQCedBZV1DoE_vyGmACEwYBhgL/s1600/RAJNANDANI%2BPROFESSIONAL%2B11.jpeg

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários