Personalizar texto "Postar um Comentário"

2 comentários
Quando chegamos em um blog ou no seu mesmo achamos que esta fora da moda então iremos mudar isso com essas modificações que podem ser editadas na sua preferencia  achei legal  
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.

2 comentários:

Anônimo disse...

Oi , Gostei desse tutorial , depois vc pode postar um tuto mais personalizado ? tipo rosa .. e opção responder comentario . Bjss , Animablog

Hadassa disse...

Adorei o blog, o tuto, tudo! O lay daqui é perfeito... Ja estou seguindo!! Beijos e continuem assim!!
sweetdarkmachine.blogspot.com

Postar um comentário