+/-

google-code-prettify

ShadowBox

Tradutor

English Français Deutsch Español Italiano Vlaams Русский Svenska 日本語 Ελληνικά العربية 中文(简体)

Publicidade


Quando comecei o blogue, uma das razões que me levou a testar outros sistemas de comentários, tal como o Disqus , o Haloscan, depois Js-Kit e agora Echo ou o Intense Debate, foi porque o Blogger não tinha um sistema muito bom. E embora ainda precise de muitas melhoras, 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, e 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 ultimo caso, acho que devia ser obrigatório colocar o email), 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 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 que podemos personalizar como desejarmos, tanto que neste momento nem estou muito interessado em ver o blogger implementar essa opção. :D

E finalmente, a ultima 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:




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 se baseiam em 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. =D

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 que pesquisar a net.

Mas como costuma acontecer quando se procura algo, acabei por encontrar um pequeno código javascript que achei um espectáculo e tinha que colocar aqui. O que esse 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 BBCcode 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 já adaptado ao novo sistema de comentários com resposta, mas imagino que funciona na versão antiga também.





Para colocar a funcionar no Blogger, basta ir a Editar HTML e procurar por </body>, colar o script acima IMEDIATAMENTE ANTES dessa parte, salvar e pronto.

Actualização (8 Março 2012):

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 em 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:
  • [im]URL DA IMAGEM[/im] --> Serve para colocar uma imagem nos comentários. ATENÇÃO que utilizando esta opção, o tamanho da imagem apresenta-se igual ao original e pode exceder a largura do comentário. Nesse caso, duas coisas podem ocorrer: a imagem aparece cortada debaixo do espaço disponível ou o autor do blogue pode apagar o comentário. :{
  • [ma]Texto rolando[/ma] --> Serve para colocar texto rolando.
  • [si="2"]Texto com tamanho determinado[/si] --> Alterando o numero (1 = mais pequeno até 10 = gigantesco) para determinar o tamanho da letra.
  • [co="red"]Texto em cor[/co] --> Altera a cor do texto. Devem escrever o nome da cor em inglês. Podem ver neste link as cores e respectivos nomes: HTML Color Names, no entanto ao escolher uma cor, o utilizador deve ter em conta o fundo dos comentários ou o texto pode ficar ilegível.
  • [ce]Texto centrado[/ce] --> Serve centralizar o texto. Pode ser utilizado em todo o comentário ou somente em parte.
  • [ma+]Texto rolando para a direita[/ma+] --> Serve para colocar texto rolando através do comentários para a direita.
  • [box]"encaixotar" o texto[/box] --> Serve para encaixotar o texto, pode ser uma alternativa para conter uma citação.
  • [mark]Texto Marcado[/mark] --> Outra forma de apresentar texto que pode servir para conter uma citação ou algo do género.
  • [card="blue"]Texto com fundo[/card] --> Coloca uma cor escolhida no fundo do comentário ou em parte do texto (ver link da tabela de cores acima).
  • [im#]URL DA IMAGEM[/im] --> Serve para colocar uma imagem que ocupe TODA a largura do comentário.
  • [hi="yellow"]Texto Destacado[/hi] --> Serve para destacar parte do comentário.
  • [ytube]ID Video YouTube[/ytube] --> Serve para colocar um vídeo do YouTube nos comentários utilizando a ID do vídeo. (Outra maneira de implementar esta opção descrita abaixo.)


Essa é a maneira mais fácil de colocar regras de comentários num blogue. :D
Mas caso prefiram, também podem colocar essas regras acima dos comentários tal como eu tenho aqui no blogue, mas nesse caso é mais complicado e necessitam de editar o HTML do blogue e nesse caso, a maneira de fazer isso vai depender de qual sistema de comentários têm no vosso blogue: antigo ou o novo sistema com respostas.

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 do 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 esse script funciona em todos os vídeos do YouTube, mesmo colocados nos artigos. Podem ler mais sobre esse script em: Youtube videos lazy load, improved style.

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. ;)

Até Breve. :-F
Ler Antes de Comentar

◊  Deixa o teu comentário no Formulário abaixo ou no Antigo Formulário em uma nova janela, ou então no Formulário em Pop Up. NOTA: As respostas directas aos comentários só são possíveis utilizando o Formulário abaixo.

◊  As Regras dos Comentários:

  • O comentário precisa ter relação com o assunto!
  • O comentário que deixares é da tua inteira Responsabilidade!
  • Comentários anónimos São permitidos,MAS:

    • Por favor, evita comentar em MAIÚSCULAS .
    • Por favor, não faças Spam.
    • Por favor, não utilizes termos obscenos ou ofensivos.
    • Comentários considerados Spam ou ofensivos serão apagados.
◊  Para deixares a URL do teu blogue, comenta com OpenID, ou com a opção NOME/URL.
◊  Podes usar algumas tags HTML como:
  • @<strong>Nome</strong> para mencionar a quem se responde o comentário.
  • <em>Fulano disse:<br/>Texto Citado</em> para colocar uma Citação.
  • <a href="http://endereço url">Titulo ou Nome da Página </a> para colocar um link.
  • <i>Texto em Itálico</i>
  • <b>Texto em Negrito</b>
    • HTML EXTRA:
    • [im]URL DA IMAGEM[/im] para colocar uma imagem.
    • [ma]Texto rolando[/ma] para colocar texto rolando.
    • [si="2"]Texto com tamanho determinado[/si] Altera o numero para determinar o tamanho da letra.
    • [co="red"]Texto em cor[/co] Altera a cor do texto.
    • [ce]Texto centrado[/ce] centraliza o texto.
    • [ma+]Texto rolando para a direita[/ma+]
    • [box]"encaixotar" o texto[/box]
    • [mark]Texto Marcado[/mark]
    • [card="blue"]Texto com fundo[/card] Altera a cor de fundo do comentário.
    • [im#]URL DA IMAGEM[/im] para colocar uma imagem que ocupe TODA a largura.
    • [hi="yellow"]Texto Destacado[/hi]
  • <a href="http://endereço-vídeo-YouTube">http://endereço-vídeo-YouTube</a> para colocar um vídeo do YouTube.
  • ATENÇÃO: Comentários com imagens ou vídeos com conteúdo ofensivo ou inadequado serão REMOVIDOS, SEM EXCEPÇÃO!!!

MOSTRAR EMOTICONS

2 comentários:


:)

:-"

:-F

:-C

:((

xD

:(

O-o

:{

x-P

:-P

:-E

=D

:D

:S

;)

;D

:I

:G

:Z

:))

o_o

~X

:B

:-#

:V:

:U:
OCULTAR EMOTICONS
  1. Teste YouTube com nccode:

    [ytube]eOrNdBpGMv8[/ytube]

    Que tal?

    ;) :D

    ResponderEliminar
    Respostas
    1. Teste YouTube com script do MS-potilas:

      http://www.youtube.com/watch?v=NPoHPNeU9fc

      Então?

      Qual acham que funciona melhor?

      Com nccode ou com o script do MS-potilas que tem video-lazyload? ;)

      Eliminar

 

Voltar ao Topo