Por padrão no blogger quando vamos deixar um comentário em algum blog, acima do formulário de comentário (campo onde digitaremos a mensagem...

Personalizar texto "Postar um Comentário"

Por padrão no blogger quando vamos deixar um comentário em algum blog, acima do formulário de comentário (campo onde digitaremos a mensagem), aparece o texto: “Postar um Comentário”.
Mas há maneiras de personalizarmos este texto, e substituí-lo por outro texto, ou substituir todo o texto por uma imagem personalizada, ou incluir uma imagem para que ela apareça junto com o texto.
Para isto você deverá fazer algumas modificações no código HTML do seu template, e incluir alguns estilos.
Vejamos.

1) Para aplicar estilos ao texto padrão, como cores, background, tamanho da fonte, bordas etc:

Entre na aba Design, vá até o modo “Editar HTML”, marque a caixinha “Expandir modelos de widgtes” e procure pela tag ]]></b:skin>
e cole logo ACIMA dela:

h4#comment-post-message{
background:transparent url(URL-DA-SUA-IMAGEM) no-repeat left center;
color:#fff;   /*coloque aqui cor da fonte*/
font-size:20px;   /*coloque aqui o tamanho da fonte*/
height:27px;
line-height:27px;
padding:0 0 0 35px;
border:1px solid #fff;   /*coloque borda se quiser*/
}

Salve as Modificações e visualize para ver como ficou. Depois é só ir configurando os estilos de acordo com o seu gosto.
Em 'background' coloque o endereço da imagem, caso queira acrescentar uma imagem juntamente com o texto, se não quiser incluir imagem, basta apagar esta linha.

2)Se quiser alterar o texto padrão:

Procure por:

<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
e substitua o trecho:<data:postCommentMsg/> pelo texto que vc quer.
Se no seu template a àrea de comentários já foi muito modificada, e você não conseguir liocalizar o código acima, tente localizar por:

<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>

e substitua o trecho: <data:postCommentMsg/> pelo texto que vc quer.
Veja um exemplo configurado com uma imagem decorativa e o texto alterado:

3)Se quiser substituir todo o texto por uma imagem personalizada:

Substitua o trecho: <data:postCommentMsg/>
pelo código a seguir:

<img src="url-da-imagen"/>
Salve as modificações!
Não esqueça que se caso você preferir utilizar a opção de personalização de nº3, você deverá criar uma imagem sua e hospedá-la no seu site preferido.

0 comentários: