Atribuir ID Avatares nos Comentários Blogger

Script de 2012, somente para fins informativos

Este foi um artigo que estive considerando não republicar, tal como alguns dos outros mencionados na lista abaixo de onde somente uns poucos voltaram a este estaminé, mas como continuo utilizando uma versão modificada do script que é o objecto principal do artigo, resolvi que valia a pena a sua republicação.
Mais que não fosse como artigo de curiosidade. :)

Antes de continuares a ler, um pequeno aviso: Este artigo é republicado somente como curiosidade e porque o script original pode ser utilizado como base para criar uma versão modificada para fins semelhantes, MAS NÂO para o fim descrito no artigo abaixo.
Isto é porque devido às alterações que o Blogger tem sofrido desde 2012 fez com que o script deixasse de ser necessário.

Tentei no entanto manter tanto quanto possivel o artigo coerente com o Blogger actual, razão porque fiz algumas pequenas modificações para melhor se situarem no Painel do Blogger e puderem entender melhor o artigo original.

Este artigo foi escrito pouco tempo após a estreia da interface que utilizamos actualmente no Blogger, embora ainda numa versão embrionária do se viria a tornar.
Eu resisti até ao fim à mudança porque a interface anterior servia melhor as minhas necessidades de então, sem contar que na mudança muitas das nossas personalizações foram pró espaço e tivemos que refazer tudo, em alguns casos sendo necessário mudar completamente a codificação que utilizavamos. ~X

Resta mencionar que este artigo fazia parte duma série onde expliquei porque estive ausente do blogue devido a ajudar a reparar/salvar os comentários no blogue dum amigo.
Aproveitei para escrever uma série de artigos descrevendo todo o processo mas os quais não vejo sentido em recuperar na totalidade já que actualmente muita coisa se alterou no Blogger, pelo que muito do que então escrevi já não faz muito sentido sem reescrever todo o processo descrito nesses artigos para se adaptar aos códigos e estrutura HTML do Blogger actual.

Como não pretendo alterar muito do que escrevi na altura, talvez actualizar algumas ligações e pouco mais, aqui fica o que então publiquei:

Este é o primeiro artigo que escrevo utilizando a Nova Interface que o Blogger nos impôs e em parte foi por isso que demorei a voltar a publicar por aqui alguma coisa. :(

Como tinha mencionado antes, só iria mudar para a Nova Interface quando não tivesse escolha e mesmo agora ainda não gosto dela. x-P

Para começar, os meus blogues escondidos agora aparecem no Dashboard (Painel do Blogger) cada vez que mexo neles, como a maioria deles são blogues de testes isso é algo que não me interessa. :-#

Tive que fazer algumas adaptações para puder pré-visualizar os artigos antes de publicar devido ao template que utilizo porque as pré-visualizações agora são mostradas na página inicial do blogue, o que no meu caso aparecem no mesmo esquema que tenho a página inicial em vez do artigo completo. ~X

Com as modificações que fiz já consigo ver o artigo como deve ser e embora esta nova maneira de pré-visualizar seja muito melhor, imagino como deve ser para quem utiliza templates similares ao meu... :Z

Voltando ao assunto em questão e para terminar a série de artigos que estava publicando e que é recomendado ler antes:

1. OCP! Por onde andaste?
2. Fazer backup do blogue? Ficheiro xml! Que raio é isso?
3. Como editar comentários do Blogger com jQuery
4. Comentários Blogger: A Estrutura
5. jQuery: selector next
6. jQuery: o atributo attr()
7. jQuery: a manipulação .wrap()
8. jQuery: o selector .parent()

Então como prometido, vou publicar o script que criei utilizando o jQuery para colocar os avatares em falta no blogue do Jota.

Convém lembrar que escrevi este script especificamente para o blogue em questão e embora possa ser utilizado em outros blogues e para outros fins, o mais certo é que seham necessários alguns ajustes para funcionar correctamente.

Aqui está o código javascript:

<script type='text/javascript'>
//SCRIPT ATRIBUIR ID AVATARES NOS COMENTÁRIOS BLOGGER
$('.avatar-image-container').each(function(){
    id=$(this).next().attr('id');
    $(this).wrap('<div></div>').parent().attr('id', 'nome-para-nova-id_'+id);
});
</script>

Para funcionar e criar uma nova div em redor dos avatares no sistema de respostas do Blogger deverá ser colocado abaixo do código referente aos comentários, de preferência logo acima de </body> que pode ser encontrado em Modelo › Editar HTMLcom a opção Expandir modelos do widget marcada na aba Tema, clicar na no botão Personalizar para acessar Editar HTML.

Na linha 5 onde diz nome-para-nova-id, é para ser alterado para um nome que se deseje que a nova ID tenha. :)

E pronto!
Agora já podemos alterar como quisermos a imagem a apresentar em qualquer avatar em qualquer comentário com um pouco de CSS utilizando a nova ID.

Mais uma vez, recomendo que leia os artigos anteriores para perceber como criei este script e embora pareça facil, deu um trabalhão colocar o blogue do Jota tal como agora pode ser visualizado. ~X

Mas a verdade é que me diverti a montes durante todo o processo, e até estou pensando em começar a oferecer os meus serviços neste género de trabalhos para ajudar a combater a maldita CRISE que nos aflige a todos em geral e da qual eu também não sou imune. x«

Que acham? Terei clientes?
Se sempre me decidir por isso, em breve publicarei uma página onde exponho as minhas condições e tal. :D

Em breve deverei voltar a publicar por aqui algumas imagens, incluindo uma em que colaborei neste Hallowen. ;)

OCP no extinto Mocheco⊗Marafado

Como devem ter reparado, ainda houve um tempo em que considerei oferecer os meus serviços a quem precisasse de ajuda para modificar o blogue, mas foi Sol de pouca dura já que a minha paciência cada dia que passa é menos... I-X
Além disso já aprendi há muito tempo que quando transformamos um passatempo que nos distrai em algo semlhante a um trabalho/emprego, o resultado nunca é o esperado porque acaba-se com algo que nos agradava fazer porque se torna numa obrigação e em mais uma dor de cabeça. :((

E por hoje é tudo. ;)

Até Breve. :-F

Queres ler outro artigo ao calhas?