21 de jul de 2011

Blockquote Personalizado

Olá meninas, quital aprendermos como personalizar o blockquote do blogger? É bem simpleeeeees, vou ensinar 2 formas de diferentes maneiras para você escolher. Primeiro vá até Design > Editar HTML e proucure pela tag ]]></b:skin>, logo acima dela cole um códigos abaixos. 

 blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
 OBS: Caso não queira as bordas redondas, apague o que está em cor salmão.  


 blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}

Espero que eu tenha ajudado vocês. Qualquer erro me comunique ok/ Beijão. 

20 comentários:

  1. Ahh, sempre quis colocar isso no meu blog, mas não sabia como! Adorei aqui *-*

    belezurasdeplantao.blogspot.com

    ResponderExcluir
  2. amei mt obrigada linda da uma olhadinha no meu blog my-worldpormarcelly.blogspot.com/

    ResponderExcluir
  3. como qe eu uso ela no post?
    http://blog-mundo-da-moda.blogspot.com/

    ResponderExcluir
    Respostas
    1. Oi. Primeiro você escreve o texto, depois seleciona e clica nas "aspas" que ficam em cima do editor de texto do blogger. =)

      www.euemeumundo1.blogspot.com

      Excluir
  4. Me ajudou muito esse tutorial :)

    http://meublogblogdadanii.blogspot.com/

    ResponderExcluir
  5. Oiie,
    Isso é para quando colocar códigos ele ficar assim atras, né? Mas como eu uso? Porque eu já coloquei o código mas não mudou nada!
    Você me mandar um e-mail ou explicar no seu blog mesmo porque o meu esta de reforma!
    ma_soccol@hotmail.com

    Beijoos

    ResponderExcluir
  6. Máh: Sim, o blockquote é citação no texto. Você usa clicando na aspa que tem na hora de criar uma postagem, ou no html use <blockquote> texto aqui </blockquote>. Beijos!

    ResponderExcluir
  7. mto obrigada!! era isso q eu queris, brigada amr *-*

    ResponderExcluir
  8. adoro o blog, demais! e já estou usando esse tutorial *-*
    http://beijofosco.blogspot.com/

    ResponderExcluir
  9. Eu tentei fazer mais não está dando certo, eu coloco os códigos no lugar certo e quando vou visualizar ou até mesmo salvo e vou ver não aparece onde eu já havia usado o Blockote, o que faço?

    ResponderExcluir
  10. Flor! deixa pra lá eu consegui agora, só que quando eu colava o código acima de ]]> não funcionava então eu colei acima de /* Posts e funcionou, tá ai a dica para quem tb não tá dando certo. beijos e muito obrigada pelo tutorial, muito divino.

    ResponderExcluir
  11. Obrigada pelo tutorial. Mas eu não colei em cima de ]]>, colei em post.blockquote
    algo assim, ai deu certo
    mas obrigada viu!
    bjbj
    blog-salto-alto.blogspot.com

    ResponderExcluir
  12. Eu nunca consigo fazer,de todas as maneiras já tentei mas ñ consigo!uahsuahsuah vou tentar mais vezes né,adoorei queria ter conseguido até a próxima!

    http://casadophotoscape.blogspot.com/

    ResponderExcluir
  13. Por favor, me ajude, fiz tudo direitinho, mais esta dando erro quando coloco acima de /* Posts , por favor, me ajude ! (:

    ResponderExcluir
  14. Obrigada!

    Beijos, desapeg-ar.blogspot.com

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.