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.