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:
Oi , Gostei desse tutorial , depois vc pode postar um tuto mais personalizado ? tipo rosa .. e opção responder comentario . Bjss , Animablog
Adorei o blog, o tuto, tudo! O lay daqui é perfeito... Ja estou seguindo!! Beijos e continuem assim!!
sweetdarkmachine.blogspot.com
Postar um comentário