Eu sei que faz tempo que não posto, mais é que está voltando as aulas e eu estou me preparando melhor, rsrs.
Hoje estou aqui com um mega tutorial pra você sobre como personalizar a parte dos comentários aonde está sempre escrito : Postar um comentário.
Eu espero que gostem, se quiser aprendem já sabem, clique em Leia Mais >>.
Pra quem não entendeu, vamos personalizar essa área aqui :
Imagem retirada do Mundo Blogger.
Se quiser aplicar estilos ao texto padrão, como cores, backgrounds, tamanhos de fontes, bordas e etc..
1º- Vá em Design->>Editar HTML->>Espandir modelos de widgtes->>Ctrl+F e procure por : ]]></b:skin> E logo acima cole :
h4#comment-post-message{2º-Salve as modificações e visualize pra ver se ficou tudo certinho, depois é só ir configurando os estilos com seus gostos. Se for colocar Backgrounds, coloque o endereço da imagem.
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*/
}
Se quiser alterar o texto padrão.
1º- Faça o mesmo processo e procure por :
<a name='comment-form'/>E substitua o texto : <data:postCommentMsg/> pelo texto que você quer.
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
OBS : Se por acaso a sua parte do comentário já foi muito modificada, e você não achar o codigo que pedi, tente por esse :
<a name='comment-form'/>E tbm substitua o texto <data:postCommentMsg/> pelo texto que você quer.
<h3><data:postCommentMsg/></h3>
Veja um exemplo de texto padrão modificado :
Se você quiser substituir o texto por uma imagem personalizada :
Substitua a parte : <data:postCommentMsg/> pelo código a seguir :
<img src="url-da-imagen"/>Salve as alterações e pronto.
OBS : Não esqueça que se você quiser sua imagem, deve personaliza-la e depois hospeda-la no http://tinypic.com/ ou no seu site preferido.
Eai meninas, gostaram do post ? Espero que sim, se tiverem alguma dúvida, pergunte para mim que responderei.
Se quiserem algum tutorial, é só pedir na página ScrapBook ou por comentários, Bjks :*
Oi amr?! Se inscreva e faça parte da equipe do meu blog!
ResponderExcluirhttp://diamontlilac-news.blogspot.com/p/faca-parte.html
Beijos.
Tentei e não deu :/
ResponderExcluirPosso te pedir novamente uma ajudinha?
Meu blog Ser Menina, participa do concurso que tá rolando lá no Ecleticu’s e no Desejos de Menina, será que você poderia ir e votar no Ser Menina nesse link:
http://www.2for-you.com/p/new-look-concurso.html
Conto com vocês meus amores !
http://sermenina-blog.blogspot.com
Adorei o tutu!!Adorei o blog tambem!!
ResponderExcluirBjus
http://murodakaah.blogspot.com/
@kahlunay
Ameei o seu blog; é fofooo!
ResponderExcluirOlha lá meu novo blog.:
just-a-girl21.blogspot.com
Beijos
Tem award pra vc lá no blog!!! Confere: http://just-teens-forever.blogspot.com/2011/07/os-primeiros-awards-link-leia-mais.html
ResponderExcluirbeijoss
P.S.: amo muito seu blog :)
tem selinho pra você: http://chuvademorangos.blogspot.com
ResponderExcluirhttp://chuvademorangos.blogspot.com
http://republicatutoriais.blogspot.com
Hey Gabi, queria saber se vc aceita parceria (:
ResponderExcluirhttp://just-teens-forever.blogspot.com/
Oi lindo o blog seguindo aqui ,segue lá tbbm
ResponderExcluirhttp://meninoteen.blogspot.com/
Passando para retribuir a visita! Seguindo!
ResponderExcluirótimos tutoriais! Adorei o blog!
Beijos...
http://mulheresmodernasprecisam.blogspot.com
Oi linda visita?
ResponderExcluirhttp://yesteens2.blogspot.com/