terça-feira, 26 de julho de 2011

Tutorial-Personalizar o Texto: ''Postar um comentário''.

Olá gente, tudo bom com vocês ?
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 >>.
           Tumblr_lor9uinolc1qlvry9o1_500_large

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{
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*/
}
 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.
                           Se quiser alterar o texto padrão.
1º- Faça o mesmo processo e procure por :
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
E substitua o texto : <data:postCommentMsg/> pelo texto que você quer.
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'/>
<h3><data:postCommentMsg/></h3>
E tbm substitua o texto <data:postCommentMsg/> pelo texto que você quer.
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 :*

10 comentários:

  1. Oi amr?! Se inscreva e faça parte da equipe do meu blog!
    http://diamontlilac-news.blogspot.com/p/faca-parte.html
    Beijos.

    ResponderExcluir
  2. Tentei e não deu :/
    Posso 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

    ResponderExcluir
  3. Adorei o tutu!!Adorei o blog tambem!!

    Bjus
    http://murodakaah.blogspot.com/
    @kahlunay

    ResponderExcluir
  4. Ameei o seu blog; é fofooo!
    Olha lá meu novo blog.:
    just-a-girl21.blogspot.com
    Beijos

    ResponderExcluir
  5. Tem award pra vc lá no blog!!! Confere: http://just-teens-forever.blogspot.com/2011/07/os-primeiros-awards-link-leia-mais.html

    beijoss

    P.S.: amo muito seu blog :)

    ResponderExcluir
  6. tem selinho pra você: http://chuvademorangos.blogspot.com

    http://chuvademorangos.blogspot.com
    http://republicatutoriais.blogspot.com

    ResponderExcluir
  7. Hey Gabi, queria saber se vc aceita parceria (:

    http://just-teens-forever.blogspot.com/

    ResponderExcluir
  8. Oi lindo o blog seguindo aqui ,segue lá tbbm
    http://meninoteen.blogspot.com/

    ResponderExcluir
  9. Passando para retribuir a visita! Seguindo!

    ótimos tutoriais! Adorei o blog!

    Beijos...

    http://mulheresmodernasprecisam.blogspot.com

    ResponderExcluir
  10. Oi linda visita?

    http://yesteens2.blogspot.com/

    ResponderExcluir