Outra novidade do blogspot a qual não gostaria de estar deixando meus visitantes de lado sem saber, são os códigos more (leia mais) qua antes ao menos eu só conhecia no wordpress e um hack criado com o nome de postagens resumidas agora está disponivel no blogspot e o nome aqui jump break o que significa corte de algo, que para nós e a interrupção de um texto na parte desejada para ler mais se desejar.
Enfim vamos ao tutorial de como utiliza-lo.
Esta nova possibilidade póde ser adicionada de dois modos através do draft, para isso terá que ir no painel de controle do se blogger, clicar na primeira opção que é o básico, depois vai descendo até as opções do estilo de postagens:
Selecionar editor de
postagem
Editor atualizado - Confira os recursos mais recentes!
Editor antigo
Ocultar modo Escrever -
Selecione esta opção apenas se você normalmente edita HTML em vez de editar texto WYSIWYG .
E no editor atualizado conforme imagem abaizo poderá então estar fazendo uso desta nova função do blogspot liberada em homenagem aos seus 10 anos de existência.

Como trata-se de novidade nossos templates personalizados nã vai ter estas tags, teremos que adiciona-la para funcionar corretamente.
Clique em Expandir modelos de widgets
Procure por este trecho de códigos:

<div class='post-body'>

Copie e cole estes códigos então abaixo dos códigos acima 'post-body':

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Para então aparecer leia mais... ou more... como desejar clique em layout (modelo) elementos de página e poderá observar, postagens no blog e logo abaixo editar, clique então em editar:
conforme imagens abaixo:


Vai ver lá então: Texto do link da página de postagem:?
É lá que poderá modificar.

Prontinho seu modelo esta atualizado!




Página do autor onde encontrei este tutorial: Dicas 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:

<dl id='comments-block'>

Apague e substitua por estes:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

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

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if><a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/></div></b:if>

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 ]]></b:skin> este códigos abaixo:

.avatar-image-container {
/*imagem para os comentarios anonimos*/
background:url(http://sites.google.com/site/newlecca/Home/profile-anonimo.gif?attredirects=0);
width:35px;
height:35px; }
.avatar-image-container img {
border:none;}
.avatar-image-container{
width:35px;/*tamanho da imagem*/
height:35px;/*largura da imagem*/
margin-top:-5px;}
/*imagem para os comentarios de outros sites*/
.avatar-image-container img {
background:url(http://sites.google.com/site/newlecca/Home/gravatar-blooger.JPG?attredirects=0);
width:35px;
height:35px;}

Página do autor onde encontrei este tutorial: bloggerplugins