Publicada originalmente em 8 de Março de 2012
.
Texto corrigido e actualizado com novas ligações.
Ao procurar entre os artigos publicados aqui no Blogue para verificar quais são novos e quais foram transferidos do Mocheco⊗Marafado, reparei que havia um artigo do meu antigo estaminé que definitivamente precisa estar neste blogue.
Refiro-me, claro, ao artigo que publiquei quando instalei um script que imita o BBCode e adiciona mais algumas opções às tags HTML permitidas pelo Blogger.
NOTA: O texto seguinte está escrito praticamente como o escrevi há quase 10 anos por isso algumas frases/expressões podem não fazer muito sentido agora.
No entanto, preferi não modificar muito as coisas porque tirando essas partes, muito do que escrevi ainda é relevante para o assunto em questão: Os comentários do Blogger e as suas limitações.
As pequenas alterações que fiz agora foi para incluir/actualizar algumas ligações entretanto desaparecidas da Net... e também modifiquei/acrescentei algumas partes para estarem mais de acordo com este blogue.
Quando comecei o blogue, uma das razões que me levou a testar outros sistemas de comentários tal como o Disqus, o Haloscan, que passou a JS-Kit e finalmente a Echo ou o IntenseDebate, foi porque o Blogger não tinha um sistema muito bom.
E embora ainda precise de muitas melhorias, com as mais recentes alterações (algumas boas, outras nem tanto tal como o novo captcha) devo dizer que vai no bom caminho.
Claro que ainda há muito caminho pela frente...
... sendo o mais importante na minha opinião, haver mais opções de contas para comentar tal como com a conta do Facebook ou Twitter, podermos retirar a opção comentários Anónimos sem retirar a opção comentar com Nome/URL (pessoalmente odeio comentários anónimos, ainda mais quando existe a opção de comentar com o Nome/URL embora neste último caso, acho que devia ser obrigatório colocar o email), e a opção de pudermos editar os comentários sem ser preciso arriscar no mexer no código-base (sim, existe uma maneira de editar comentários publicados), mas já estou a divagar...
Outra das razões que me levou a testar outros sistemas de comentários foi a possibilidade de ter emoticons.
Algo facilmente corrigido actualmente com um pouco de javascript e com a vantagem de podermos personalizar como desejarmos, tanto que neste momento nem estou muito interessado em ver o Blogger implementar essa opção.
Actualmente, o Blogger já implementou como incluir emoticons MAS SOMENTE nos textos dos artigos, E se utilizarmos a Vista de Composição.
Infelizmente (ou talvez felizmente), na parte de comentários ainda não existe essa possibilidade.
E finalmente, a última razão para testar outros sistemas era a possibilidade de podermos incluir nos comentários qualquer imagem que desejássemos ou vídeo do YouTube, ou até formatar parte ou o total do texto.
Esta foi a principal razão porque testei o JS-Kit e o IntenseDebate, sistemas onde existem essas opções.
No sistema do Blogger somente podemos incluir algumas tags HTML:
1 | <strong>Texto</strong> |
2 | <em>Texto</em> |
3 | <a href="endereço url">Nome da Página ou Site</a> |
4 | <i>Texto em Itálico</i> |
5 | <b>Texto em Negrito</b> |
Se repararem, tanto o texto em Negrito [b] - (linha 5) como em strong (linha 1) é representado em negrito.
Tal como o texto em Itálico [i] - (linha 4) e em em (linha 2) é representado em itálico.
Em ambos os casos, a diferença de uso entre um ou outro elemento pode-se dizer que é relativo à importância ou destaque que se quer dar ao que se escreve...
O elemento <strong> é utilizado em conteúdos que são de "grande importância", incluindo coisas urgentes (como alertas). Podem ser sentenças que são de grande importância para toda a página, ou, você pode meramente tentar pontuar que algumas palavras são de grande importância, comparado ao conteúdo próximo.
Tipicamente, estes elementos são renderizados por padrão, usando fontes em negrito. Contudo, ele não deve ser usado para simplesmente aplicar o estilo negrito; use o CSS font-weight para este propósito.
Use o elemento <b> para chamar a atenção para certos textos sem a indicação de grande nível de importância.
Use o elemento <em> para marcar textos que necessitam de ênfase.
Outro uso aceitavel para <strong> é denotado com o rótulo (label) de parágrafos, que representa notas ou avisos, dentro do texto da página.
Notas de uso na página <strong>
E depois deste pequeno desvio, vamos voltar ao que escrevi no artigo original...
Para contornar um pouco a falta de opções nesta área, há algum tempo personalizei o CSS de algumas dessas tags para estilizar parte dos comentários, como podem ver nas instruções de comentar abaixo de cada artigo.
O lado negativo de todos esses sistemas que testei é que todos eles necessitam de códigos javascript para implementar no blogue e todos os comentários ficam alojados nos servidores deles, algo que não gosto muito, sendo essa a principal razão porque voltei ao sistema original do Blogger e não penso mudar.
Mas isso não significa que não teste maneiras de melhorar a coisa. 
Ora quem leu o artigo Comentários no Blogger Com problemas... Mais uma vez! sabe que o Blogger alterou algumas coisas na forma como apresenta o novo sistema de comentários, o que me causou alguns problemas na personalização que tenho aqui e embora a maior parte fosse fácil de resolver, na parte do javascript foi mais complicado e, entre outras coisas, tive muito que pesquisar na net por soluções...
Mas como costuma acontecer quando se procura algo, acabei por encontrar um pequeno código javascript que podem ver em acção neste mesmo blogue, ou na página do autor (infelizmente, o site original onde encontrei o script, cujo link tinha colocado no artigo original já não existe actualmente
).
Achei este script um espectáculo e tinha que o colocar aqui. O que este código faz é precisamente a possibilidade de incluirmos mais tags HTML nos comentários, incluindo imagens e com um pouco de personalização, vídeos (por enquanto, só do YouTube).
Basicamente, o que o javascript faz é transformar em HTML, uma adaptação de BBCode e que é aceite pelo sistema do Blogger.
Por enquanto, só tentei acrescentar o código que faz com se possa incluir vídeos do YouTube nos comentários mas imagino que as possibilidades de adaptar mais BBCcode seja realizável.
Atenção:
Como sempre, RECOMENDO que testem primeiro num blogue de testes e mesmo assim, antes de tentar modificar o código do seu blogue, é recomendado que salve sempre o modelo actual!
Abaixo, o script com a minha adaptação para colocar no Blogger para funcionar no novo sistema de comentários com resposta:
01 | <b: if cond= 'data:blog.pageType != "static_page"' > |
02 | <b: if cond= 'data:blog.pageType == "item"' > |
03 | <script type= 'text/javascript' > |
07 | a = document.getElementById( "comments" ); |
09 | b = a.getElementsByTagName( "p" ); |
10 | for (i = 0; i < b.length; i++) { |
11 | _str = b.item(i).innerHTML.replace(/\[im\]/gi, "<img src='" ); |
12 | _str = _str.replace(/\[im\ #\]/gi, "<img width='100%' src='"); |
13 | _str = _str.replace(/\[\/im\]/gi, "' class='image'/>" ); |
14 | _str = _str.replace(/\[ma\]/gi, "<marquee>" ); |
15 | _str = _str.replace(/\[\/ma\]/gi, "</marquee>" ); |
16 | _str = _str.replace(/\[si\=\ "/gi, " <font size='"); |
17 | _str = _str.replace(/\[\/si\]/gi, "</font>" ); |
18 | _str = _str.replace(/\[co=\ "/gi, " <font color='"); |
19 | _str = _str.replace(/\[\/co\]/gi, "</font>" ); |
20 | _str = _str.replace(/\ "\]/gi, " '>"); |
21 | _str = _str.replace(/\[ce\]/gi, "<center>" ); |
22 | _str = _str.replace(/\[\/ce\]/gi, "</center>" ); |
23 | _str = _str.replace(/\[ma\+\]/gi, "<marquee direction='right'>" ); |
24 | _str = _str.replace(/\[\/ma\+\]/gi, "</marquee>" ); |
25 | _str = _str.replace(/\[box\]/gi, "<table frame='box'><tr><td>" ); |
26 | _str = _str.replace(/\[\/box\]/gi, "</td></tr></table>" ); |
27 | _str = _str.replace(/\[mark\]/gi, "<table align='center' frame='vsides' width='70%'><tr align='center'><td>" ); |
28 | _str = _str.replace(/\[\/mark\]/gi, "</td></tr></table>" ); |
29 | _str = _str.replace(/\[line\]/gi, "<hr/>" ); |
30 | _str = _str.replace(/\[card\=\ "/gi, " <table align= 'center' border= '1' width= '75%' ><tr><td align= 'center' bgcolor='"); |
31 | _str = _str.replace(/\[\/card\]/gi, "</td></tr></table>" ); |
32 | _str = _str.replace(/\[hi\=\ "/gi, " <span style='background-color:"); |
33 | _str = _str.replace(/\[\/hi\]/gi, "</span>" ); |
34 | _str = _str.replace(/\[ytube\]/gi, "<iframe style='display:block; width:325px; margin: 3px auto; border: 1px solid #fc4;box-shadow: 0 15px 15px -15px #235;' src='https://www.youtube.com/embed/" ); |
35 | _str = _str.replace(/\[\/ytube\]/gi, "' width='320' height='200' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>" ); |
36 | b.item(i).innerHTML = _str; |
Para colocar a funcionar no Blogger, basta ir à aba Tema, clicar na no botão Personalizar para acessar Editar HTML e procurar por </body>, colar o script acima IMEDIATAMENTE ANTES dessa parte, salvar e pronto.
Para completar este artigo, recomendo que criem uma página estática com as regras dos comentários e onde expliquem as novas tags HTML, complementado com um link para essa página na aba Definições Comentários Mensagem do formulário de comentários.
O HTML extra que o script acima permite utilizar nos comentários e respectiva função:
Alguns dias após escrever este artigo e depois de ter adaptado o script para incluir vídeos do YouTube, o MS-potilas do blogue Yet Another Blogger Tips Blog criou um script mais funcional e fácil de usar do ponto de vista do utilizador.
Se somente desejarem disponibilizar a opção para o utilizador puder incluir vídeos do YouTube nos comentários, então recomendo o artigo: Allow users embed YouTube videos in Blogger comments.
Eu resolvi implementar o script do MS-potilas aqui no blogue por duas razões:
A primeira menciono acima e a segunda porque em conjunto com outro script dele que faz com os vídeos só carreguem na página após se clicar neles, faz com que as páginas carreguem mais rápido. O que no caso de um artigo ter muitos comentários com vídeos, é verdadeiramente útil. 
E o melhor é que o MS-potilas também escreveu uma versão desse script que funciona nos artigos. Podem ler mais sobre esse script em: Youtube videos lazy load, improved style.
Algum tempo após ter escrito este artigo... na verdade, já muito depois de ter retirado o
Mocheco⊗Marafado do ar, o
Oloman do blogue
Oloblogger também publicou um
script para mostrar imagens e vídeos no comentários do
Blogger:
Visualizar imágenes y vídeos en los comentarios de Blogger.
Principalmente porque além de vídeos do
YouTube, o
script do
Oloman também permite adicionar vídeos do
Vimeo.
É esse
script (
modificado para funcionar em conjunto com o script que utilizo para colocar vídeos nos artigos) que utilizo actualmente em conjunto com o
NCcode para as restantes
tags HTML e um outro
script que automaticamente transforma qualquer ligação escrita nos comentários em endereços URL funcionais para facilitar a inclusão dos vídeos.
Neste artigo, e somente neste artigo,podem ver as duas maneiras de incluir vídeos do YouTube nos comentários.
Façam um teste nos comentários abaixo e digam-me, qual acham a melhor? 
Podem ver como funciona nos comentários aqui no blogue. 
E por hoje é tudo.
Até Breve.
Comentários
Malta, comentem, tanto críticas como elogios serão bem-vindos. E eu respondo, não prometo quando mas respondo.
Mas antes de comentarem, leiam as minhas Regras dos Comentários.
Se quiserem deixar o link para o vosso sitio, utilizar alguns estilos ou até inserir videos ou imagens nos comentários DEVEM mesmo ler as indicações nas Regras dos Comentários.
Caso prefiras comentar numa nova janela, ou se o formulário abaixo estiver nos dias ruins, podes clicar aqui.
Enviar um comentário