Vídeo: Diário da ortognática – Pós-opertatório

Semana passada postei…

View more

Receita: Ratatouille

Lá em 2007…

View more

Dica de série: Unbreakable Kimmy Schmidt

Ontem foi meu…

View more

Comprei na china: Pincéis de maquiagem

Fazia um bom…

View more

Avatar, gravatar no blogspot (blogger):

Assim que o script do photocoment deixou de funcionar, o qual achava muito legal porque permitia a imagem da profile do visitante nos comentários como se fosse um gravatar, o que aliás é só que do blogger.
Resumindo, dai fiquei a procura de gravatar, avatar para blogger e o máximo que achava era uns scripts com imagens aleatórias, não interessava-me, bem esta semena ao visitar o blog de uma menina que sinceramente não me lembro o nome vi lá as imagens da profile nos comentários, hum!!! meus ohos brilharam achei o que procurava, comecei a vasculhar a internet em busca deste script, encontrei então em un site no qual pude entender e faze-lo funcionar direitinho em meu blog como pódem ver.
Não tratava-se um script e sim de uma permissão do próprio blogger para serem visualizados em comentários embutidos, pois nos cometários popup já apareciam, portanto o blogger anunciou formalmente os avatares nos comentários ao que parece agora em setembro.
Vai ai o tutorial de avatar, gravatar como preferir que resolvi compartilhar com os meus visitantes.

Antes de mais nada você precisa ter marcado lá em configuraçães, comentários:

Mostrar imagens de perfil nos comentários? Sim Não
Em Editar HTML:

Expandir modelos de widgets

Use um programa descomplicado para editar seu modelo do blogger e outras coisas em html: Faça download aqui MAX’s HTML Beauty 2004

Prosseguindo então, procure nos códigos este trecho abaixo:


Apague e substitua por estes:


Procure este outro trecho de códigos e abaixo dele cole estes novos códigos:


 

Prontinhos você acrescentou ao seu modelos as tags do blogger que permitem a visualização da imagem da profile nos comentários.

Para personalizar acrescente ao style CSS acima de

este códigos abaixo:


 

Página do autor onde encontrei este tutorial: bloggerplugins

Formulário acima dos comentarios:

Como colocar o formulario de comentarários antes deles, logo após os posts e permanecer lá e os comentarios deixados ficarão portanto “abaixo do formulario”
Vamos lá, primeiro vamos procura pelos códigos responsaveis pelo formulário apenas:
Obs. dica use Ctrl+f para procurar é mais rápido.

Primeiro selecione a caixinha ‘Expandir modelos de widgets’ Dentro dos códigos do seu lay procure por esse trecho:


Encontrou!

Copie esses códigos apagando portanto do lugar que eles estão e vamos coloca-los mais acima:

Procure esse trecho de códigos, e cole então os códigos do formulário abaixo deles :


Salve os códigos se estiver tudo ok é só testa-lo.

Personalizando a caixa de comentarios:

Como modificar a area de seus comentários e deixa-lo personalizada.
Bem, vi esse estilo de comentários no wordpress, dai entrando e saindo de blogs, vi este estilo também no blogspot.
Comecei então a procurar um tutorial que tornasse possivel eu usar este tipi de comentários, e achei, e agora vou traduzir aqui para vocês.
Tutorial retirado da página blogspottutorial:

Como póde ver na imagem a caixa de comentários está dentro de uma imagem personalizada.


Clique aqui para ampliar

Lembre-se que cada código no modelo é diferente um outro, mas que poderiam ser os mesmos.
Se este tutorial possui diferentes códigos do seu template (modelo), sinto muito,eu acabei de dizer “Lamento” e isso significa que você não está com sorte. Como um exemplo, eu uso os códigos do modelo mínimo (simples).

Vamos ao tutorial:
1. Não esqueça de fazer cópia do seu lay (Clique em Baixar modelo completo é importante):
2. Clique em Layout:
3. Clique em editar HTML:
4.Clique em Expandir Modelo Widget :
Obs. Quando não dá certo com o modedo expandido eu costumo usar os códigos do modelo que baixei, abrindo eum editor de html, ou para quen não tem o bloco de notas.

Procure por esse códigos no css do seu modelo: ( use Ctrl + F) localiza os arquivos mais rápido.


 

Novamente procure agora por este códigos: 

(preste a atenção as vezes póde achar códigos semelhantes)

 

 

 

 

Substitua por esses novos códigos abaixo:

 


 

 

Salve o templates

Fim, é só testar

Você tem como base o css e se entender um pouco salve apartir dai da para mudar a largura e a imagem:

Aprendeu aqui credite: