Como colocar blockquote no blog

Oi gente, hoje eu venho com um tutorial que muitos blogueiros utilizam, de como colocar o blockquote (é uma citação, mais utilizada em tutoriais e avisos) não é nada dificil mais requer atenção:

1. Vá em design, depois em editar Html, de um Ctrl + F e procure por:
]]></b:skin>
2. Acima dele cole o seguinte código:
.post blockquote {
margin: 1em 13px;
background: #E6E9EB;   /*cor do fundo do blockquote*/
border: 1px solid #c2c2c2;   /*cor da borda*/
border-left: 7px solid #5FBAEC;   /*cor da borda*/
padding: 10px;   /*espaçamento do texto*/
font-size: 12px;   /*tamanho da fonte*/
font-family: tahoma;   /*tipo da fonte*/
color: #000000;   /*cor da fonte*/
}
 Neste código já da pra você ter uma ideia de como personaliza-lo, então pra ficar mais fácil utilize essa tabela de cores.

3.Para utilizar o blockquote é só escrever, seleciona-lo e dar um clique no simbolo das aspas:
Clique na imagem para amplia-la  
Espero que tenham gosto do tutorial, em breve tem mais !
Beijos

69 comentários:

  1. Otimo tutorial! euu até uso no meu blog rs *-*
    parabéns pelos 1200 seguidores ²
    super beijo !
    www.paradateen1.blogspot.com

    ResponderExcluir
  2. hihi,muito legal,o do meu blog eu quem fiz u.u
    Parabéns pelos 1200 seguidores,quem sabe um dia não chego lá...
    Bjbabado!

    http://tutoriar-oficial.blogspot.com

    ResponderExcluir
  3. Muito Criativo viu aprendi super rápido rsrs beijãohttp://meninainsensata.blogspot.com/

    ResponderExcluir
  4. Nossa legal o tutorial, bem explicadinho

    Passa lá?

    http://dezapaixao.blogspot.com/

    ResponderExcluir
  5. awn adoreeei :D

    beeijo gatita

    gataecletica.blogspot.com

    ResponderExcluir
  6. Adoro esse tutu, é bem facil né? Adorei, muito obrigado pelo tutu David!
    Aceita afiliação?
    Boa semana, beijos :*
    Blog: garota-fashiion.tk
    E-mail: garotafashion-blog@hotmail.com

    ResponderExcluir
  7. eU JÁ SABIA COMO FAZ. Adoro usar!!

    Beijos! Participa do Sorteio que tá rolando no AC

    avocadoscrazzy.tk

    ResponderExcluir
  8. Adorei o tuto pena que sempre mim embaralho na hora de personalizar o mesmo rs' Beijos & Volte Sempre'
    http://wwwgertiegirlcom.blogspot.com/

    ResponderExcluir
  9. Ótimo tutorial!
    E bem útil tbm *u*

    Bjs
    http://blogportalteen.blogspot.com

    ResponderExcluir
  10. Excelente tutorial, esse é o igual aqui do GN ? ahsuahs *----*

    www.caprichando.com

    ResponderExcluir
  11. Useei o tuto! mt boom !
    Vllw aê gatão :*'kkk '
    Bjos.

    www.Teenhere.blogspot.com

    ResponderExcluir
  12. Adorei o tutorial ^^
    Obrigada por visitar meu blog ;)
    Já estou seguindo.

    Beijos,
    Garota Sensível

    ResponderExcluir
  13. Nossa ! ameii o post !
    Amei o seu blog tbm *--* , seguindo !

    http://lovspet.blogspot.com/

    ResponderExcluir
  14. eu jah conheço esse tutorial, bem útil, mas naum uso muito!*-*
    ah, parabéns por ter vencido o consurso do Perfeitinha!
    tem post nv, comenta?
    babizinha33.blogspot.com

    ResponderExcluir
  15. OI oi viu uma materia sobre seu blog no perfeitinha e amei!To super seguindo e seria uma honra ter uma visita sua em meu blog! http://blogdavine.blogspot.com

    ResponderExcluir
  16. Adorei o tutorial, bem fácil de entender :D
    obrigada pela vista no blog, adorei o seu
    e já estou seguindo :)
    super beijo e sucessos hem

    http://sempreessencial.blogspot.com/

    ResponderExcluir
  17. Adorei o tutorial muito legal!

    Kisses.. www.nickelodeonloverss.blogspot.com

    ResponderExcluir
  18. legal o tutorial mas eu ja sabia rs .
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  19. Estava precisando de um tutorial desses... Obrigada e se eu for usar vou dar créditos, com certeza. :)

    Trashy Splash

    ResponderExcluir
  20. Adorei o tutorial, muito bom! Vou faze-lo agora mesmo :)
    Tem post novo lá no blog, se puder dar uma passada..
    Um beeeijo,

    http://un-pressure.blogspot.com/

    ResponderExcluir
  21. Tutorial maneeiro, manolo -q

    Beijo Caramelado,
    thefashionwonderland.tk

    ResponderExcluir
  22. vc acredita que eu até medi com trégua a barra lateral?tá certinha a medida, mas eu tb achei que tá meio grande!kkkk me afilia?
    bjs, babizinha33.blogspot.com

    ResponderExcluir
  23. Oi David!!
    Adorei a dica, não sabia como fazer mas parece ser super fácil.
    Adorei o post.

    Bju bju.

    http://thaisfernandesoblog.blogspot.com/

    ResponderExcluir
  24. Adorei esse tutorial *-*

    http://dreamsofagirl-blog.blogspot.com/

    ResponderExcluir
  25. Ah, quando eu fiz no meu blog segui um tutorial bem mais dificil ;S
    HAUSHAUSH,
    tem post novo no blog se quizer ver: http://y-garotacuriosa.blogspot.com
    *-*, Bjs

    ResponderExcluir
  26. Adorei o tutorial :) Ah! Parabéns por ter ganhado o concurso :D

    Beijos,
    http://menina-delicada.blogspot.com/

    ResponderExcluir
  27. Tutorial perfeito *-*

    Testei no meu blog e adorei, personalizei tudo, obrigada por esse tuto!

    Bjs

    daimaginacaoaescrita.blogspot.com

    ResponderExcluir
  28. Ótimo tutorial!
    Mas já tentei TODOS os tutor existentes de blockquote e nenhum da certo =/

    theplugados.blogspot.com

    ResponderExcluir
  29. Meu quote pode até num seer lá essas coisas, mas depois q eu personalizei e aprendi a mexer, sempre uso e amoo, haha ^^

    Beijoo e por favoor participe do nosso novo quadro da tag comportamento, cujo vocÊ manda sua historia e aparece no TG!!

    Espero sua próxima visita, haha^^


    Beijãao ;*


    http://laara-teen.blogspot.com/

    ResponderExcluir
  30. Haaah, que boom que gostou da tendência do militarismo! Eu também amoo!!

    http://laara-teen.blogspot.com/

    ResponderExcluir
  31. E aí gato, belê?

    Parabéns por ter ganhado o concurso do blog Perfeitinha, você mereceu, afinal seu blog é realmente lindo e merecedor!

    Parabéns pelo tutorial. Sensacional! Gostei do blog também, vou seguir *-*

    Bjonas e fique com Deus <3

    Camilla Martins - http://sugar-dance.org

    ResponderExcluir
  32. Ah sim *-* haha' faz tempo que eu estou procurando tipo o do seu, mas nunca acho. Vou dar um geito! rsrs.

    ResponderExcluir
  33. Adoro esse tutorial, acho essencial em um blog. Arrasou no post, David!

    Beijos, Paloma.
    momamoraes.blogspot.com

    ResponderExcluir
  34. Oii, é a primeira vez que visito o seu blog e achei ele bem legal e diferente, já esotu seguindi
    Visita o meu blog e se gostar me segue, bjos

    http://toquaseprontaprasair.blogspot.com/

    ResponderExcluir
  35. Eu adoro deixar o blockquote personalizado, fica lindo!

    Beijos,
    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  36. Ameeei o Tutorial,e jaa to usando em meu blog,
    amei seeu blog *-*
    seguindo aqe,
    poderia me seguir tb ?
    bj
    http://wwwaboutagirl.blogspot.com/

    ResponderExcluir
  37. Legal um menino com um Blog, em um universo "feminino". Gostei do Blog, beijos
    http://backtosugar.blogspot.com/

    ResponderExcluir
  38. Aaaaah, tentei fazer e NÃO consegui buááááááá "/
    Mas, tem problema não

    Bjinhos ;*

    Pâm
    http://chiqueatodaprova.blogspot.com/

    ResponderExcluir
  39. Ótimo tutorial, aprendi ele no On The Fame e desde aí usei ele em todos os meus layouts, muito bom!

    Fernanda.
    http://meianoiteequinze.blogspot.com

    ResponderExcluir
  40. Eu amo isso personalizado HAHAHAHA é um delicia, e além de ficar lindo dá um toque especialao blog! Eu uso o que o ON the fame ensina!

    http://saladadefrutasbr.blogspot.co

    ResponderExcluir
  41. Ué como não ensinam ? *-* Já postei tutoriais, e até videos! ahsuahs

    ResponderExcluir
  42. oiii adorei seu comentário em meu blog , e é claro que eu sigo de volta! Muitos bejos ,
    dúh
    Volte sempre
    bydudateen.blogspot.com

    ResponderExcluir
  43. Adorei mesmo vou guardar e fazer no Embalaço..
    Ah, já sigo no twitter *><*

    Te convido a dar uma olhadinha no novo post. É sempre bom saber :
    http://embalaco.blogspot.com/2012/02/help-me-girl.html

    Espero vc por lá...

    ResponderExcluir
  44. aaaaaaaaaaaaaamei. valeu pela dica.
    te seguindo, tem novidades por lá...

    www.spiderwebs.tk

    ResponderExcluir
  45. Ah, não sei se vc tem o msn do Caprichando, lá eu posso falar contigo (teenscupcake@hotmail.com) ai eu te dou umas dicas.

    ResponderExcluir
  46. Muito útil o tuto, fica lindo no blog!!
    >.<

    ResponderExcluir
  47. david eu vou fazer um poste com um debate neh , a pergunta e a a importancia da leitura nos tempos de hoje , aguardo sua resposta .
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  48. Gostei do tutorial muito bom !
    http://sweetdreamssah.blogspot.com

    ResponderExcluir
  49. Super util! parabéns pelo tutu!
    http://kelly-club.blogspot.com/

    ResponderExcluir
  50. O poste com as opiniões foi publicado e obrigada pela sua opinião .
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  51. Por que essa pergunta?!, eu falei que ia te adicionar pra te ensinar *-* #magoei

    ResponderExcluir
  52. Vota no concurso do meu blog.
    Você terá que escolher 1 pet fofinho e ajuda-lo com seu voto.
    http://mudandodetemaofficial.blogspot.com/2012/01/votacao.html#disqus_thread


    Amei seu blog, seguindo, segue de volta?

    ResponderExcluir
  53. ah, eu sempre procurei esse negocio, mais não sabia o nome,
    adoro fica trocando a cor do blockquote :D

    beijos
    http://meninamuitobonita.blogspot.com/

    ResponderExcluir
  54. Já estava procurando isso faz tempo! OBG *-*
    Adorei aqui :D
    http://diariodeuma-retardada.blogspot.com/

    ResponderExcluir
  55. Obrigada pelo tutorial! Estava precisando disso.

    talita,
    www.meninasdaliberdade.blogspot.com

    ResponderExcluir
  56. Oi,estou usando seu tuto viu,muito util e tava precisando disso a tempos beijos
    http://blog-as-poderosas.blogspot.com

    ResponderExcluir
  57. Não deu no meu bloger me ajuda ? *w*
    www.diariodas-meninas.blogspot.com

    ResponderExcluir
  58. Já fiz mil desses tutoriais de blockquotes e nunca dá certo!aperto o símbolo de citação e a única coisa que acontece é a frase ir mais pro meio.
    :/

    ResponderExcluir
  59. otimo tuto amore
    ;D

    bjus
    radiopires.blogspot.com

    ResponderExcluir
  60. Thankyou!Me ajudou muito no Cereja de Glitter!
    http://www.cerejadeglitter.blogspot.com.br/

    ResponderExcluir
  61. Obrigada! Me ajudou bastante.. Ficou lindjo!
    http://alecriimdourado.blogspot.com.br/

    ResponderExcluir
  62. Obrigada estava procurando por isso me ajudou muito..

    ResponderExcluir
  63. Muito útil, já estou usando no meu blog :)

    http://omundodeumlivro.blogspot.com.br/

    ResponderExcluir
  64. Adorei : )

    http://mylittleverses.blogspot.com.br/

    ResponderExcluir
  65. Ajudo muito! Obg
    http://garotas-ao-mar.blogspot.com.br/

    ResponderExcluir