Carregando...

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 Layout, 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.

Gostou deste artigo?

Receba automaticamente novidades via email ou RSS. (Saiba Mais)

Favorite e Compartilhe!

3 Comentários:

DAS

Clau, não consegui! =/
Faço tudo direitinho... até já decorei de tanto tentar! ¬¬
Eu queria só trocar o texto padrão (2), mas dá um erro toda vez!
E tão simples, não é? E não consigo... =/

Beijo, amiga!

.:: Clau ::.

@Dani:
Eu não sei qual o código que vc conseguiu localizar no seu template, se for o que tem o <h3> </h3>
tenta apagar esse trecho e substitui normalmente o "data:postCommentMsg/".

Lord V

olá bem legal essa dica, mais eu vim até aki para falar outra coisa. e a respeito do templeste red black 3 colunas.
vc disse que tem um arquivo XML eu baixei o 'dalod'mais não salvou em pasta zipada eu enviei para a pasta zipada depois extrair e fui postar no blogsport só que não deu certo apareceu um monte de quadradinhos no lugar da letra do HTML... pode me ajudar? meu msn: lord.vampyre@hotmail.com

Postar um comentário

Os comentários deste blog são moderados.
Só serão publicados os comentários que estiverem de acordo com nossas Diretrizes, por favor LEIA os Termos de Uso antes de prosseguir.

- Seu comentário precisa ter relação com o assunto do post;
- Se quiser deixar sua URL, comente usando a opção OpenID;

Em caso de dúvidas nos tutoriais:
- Leia os comentários,procure se não há resposta já publicada.
- Não fornecemos assistência técnica gratuita para o Blogger;
- Se precisa de atendimento personalizado, solicite orçamento.

Se quer fazer parceria, LEIA nossa Política de Parceria, antes de fazer uma proposta.

Muito obrigada e volte sempre!



Design by Gothic Darkness - Copyright © 2009-2010 - TODOS OS DIREITOS RESERVADOS.
Termos de Uso |Licença |Termos Legais |Politica de Privacidade |
Descer Topo