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:
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.
Olha como funciona legal!
ResponderExcluirUm 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!
ExcluirExperimentando :)
https://3.bp.blogspot.com/-KlH578sMBVM/WlFzIr4TIJI/AAAAAAAAAz0/bNWeQC6kvDo1pOrxwJAwko9L5thzora0ACEwYBhgL/s1600/20180107_001313.jpg
https://images.app.goo.gl/urWgzS5N3Qt4zA23A
ExcluirOi Elaine, dica mais do que incrível!
ResponderExcluirVou 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
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.
ExcluirAssim:
https://2.bp.blogspot.com/-mzYkZtrxQfQ/WWdru5JQcUI/AAAAAAABaUc/3v6GYLwgdfkcTfqZQCedBZV1DoE_vyGmACEwYBhgL/s1600/RAJNANDANI%2BPROFESSIONAL%2B11.jpeg
Suas dicas são ótimas, Elaine! Tô curtindo muito cada mudança que estou fazendo no meu blog. Só gostaria de tirar uma dúvida: tem algum código para visualizar imagens e videos também pelo celular?
ResponderExcluirADM, se o blog for responsivo esse mesmo código funcionará.
ExcluirSe for só adaptado infelizmente não tem jeito, eu acho...
https://youtu.be/9WrYn9-eRq0
ResponderExcluirTeste vídeo:
ResponderExcluirhttps://www.youtube.com/watch?v=GimLuOUVkxg
https://img-comment-fun.9cache.com/media/axzbPyb/a9EeY7od_700w_0.jpg
ResponderExcluirnão funcionou no eu blog .
ResponderExcluireu mudei a caixa de comentários do blogger de popup para incorporada. ai funcionou. obrigado pelo codigo
ResponderExcluirhttps://pm1.narvii.com/6905/92901c1be6e0327e5dff7d659d4e68ac4cc4f981r1-750-885v2_uhq.jpg
ResponderExcluirOi, Elaine. Quando um usuário não tem foto de perfil, aparece uma imagem padrão do blogger em seu comentário. Como é possível trocar essa imagem padrão por outra?
ResponderExcluirObrigado pela atenção.
Vejo que o seu blog permanece com a imagem padrão do blogger, mas se souber a resposta agradeço desde já.