.

sexta-feira, 13 de janeiro de 2012

Como por blockquote personalizado no blog


Olá minhas amoras! Tudo bem? Eu estou ótima, fiquei sem internet estes dias, me desculpem. Hoje irei ensinar como por blockquete personalizado no blog.


1- Vá em Design-> Editar HTML ->Aperte CTRL+F ou F3 e pesquise por: ]]></b:skin>
2- Coloque o código abaixo acima de  ]]></b:skin> para ter um blockquote com este efeito:
texte/ blockquote personalizado do BM
/*---Início do blockquote personalizado pelo Blog das Meninas---*/
blockquote {
border: 1px solid #00BFFF; /* cor da borda */
background-color: #F8F8FF; /* cor de fundo */
padding: 10px;
font-size: 12px; /* tamanho da fonte */
color: #696969; /* cor da fonte */
text-align: justify;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao bockquete acima */
box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-khtml-box-shadow: -2px 2px 5px #ADD8E6;  /*Sombra do bockquete/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
}
/*---Fim do blockquote personalizado pelo Blog das Meninas---*/


Eu coloquei tudo explicadinho no código caso vocês queiram mudar as cores. É bem facil por né? Qualquer duvida me perguntem pelos comentarios ou pela página de contatos. 

53 comentários:

  1. Amei a dica parabéns amo o blog XD
    Visita o meu?

    http://ofthecupcake.blogspot.com/

    ResponderExcluir
  2. Oiiie tem um concurso no blog participa vai que vc ganha!vc pode ganhar um lindo colar do Mario Bros!!
    Ameii o blog já estou seguindo!^^
    www.cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  3. uhuuuuuul, eu ai nos leitores divos,a , omg, *-* kkkkkkk
    adorei o tuto Giih :)

    beijs
    bnascimentooo.net.tc

    ResponderExcluir
  4. Adorei o Bockquete.

    Bjãão!

    menina-delicada.blogspot.com

    ResponderExcluir
  5. que liiiiiiiiindo que esta seu laayout, parabéns :*

    ResponderExcluir
  6. Adoro blockquote! Já tenho o meu mas obg qualquer dia vai ser muito ultil! BEZOO

    http://blogconectada.blogspot.com/

    ResponderExcluir
  7. Flor do céu♥
    Desculpa falar mas vc escreveu bockquete (parece palavrão se é que vc me entende, e tá engraçado kkk)

    No mais, super tuto...como sempre!

    bjãoo

    ResponderExcluir
  8. Ah, sua blockquote ficou superfofa com essa sombrinha e a borda diferente. Mas eu já tenho uma personalizada!
    Estou seguindo :).
    Girls On-Line - Novo Layout, post e tag saídos do forno! Dá uma passadinha pra conferir!

    ResponderExcluir
  9. Seguindo,segue de volta???Ah e aceita parceria?
    beijos,pinketty
    URL:9dadeatrasada.blogspot.com

    ResponderExcluir
  10. \Gostei do tuto
    gostei também desse blockquote :D
    coloca mais tutos, gosto muito dos tutos daqui

    gpurple.blogspot.com

    ResponderExcluir
  11. Muito bom o tuto ^____^. bjks

    vnmpoficial.blogspot.com

    ResponderExcluir
  12. gii... em que nivel vc ta na competição?Eu to na porcaria de start ¬¬

    ResponderExcluir
  13. Quanto tempo ne !? Pois hoje...

    Queria convida-la a visitar o Embalaço e se gostar fique a vontade para seguir ^^ Sigo de volta...

    Novos marcadores semana que vem, não perca:
    http://embalaco.blogspot.com/2012/01/novos-marcadores.html

    ResponderExcluir
  14. Oii gih vi quee seu gadgets já estão funcionando, afinal vc adicionou um, :) e então quando vai sair o resultado do concurso? Gih já faz mais de 2meses!

    ResponderExcluir
  15. Oii linda presiso muito de sua ajuda no meu blog jáh enviei uma mensagem e naum me respondeu você fez o desing de um blog da minha amiga e gostaria que arrumasse o meu por favor amo todos os estilos que faz ..bjs... como posso entrar em comunicação com vc?
    gatarosadebotas.blogspot.com

    ResponderExcluir
  16. Giih, lembra q vc falou que ia divulgar meu concurso? dai eu falei que deixava pro próximo...

    entao, já estou fazendo outro, o link é esse http://bnascimentooo.blogspot.com/2012/01/concurso-no-cute-world-participem.html :)

    Bjs

    ResponderExcluir
  17. Aii,muito util este tutorial..
    Mais como faço depois para usa-lo?
    Beijos Céeh
    www.express-tutoriais.blogspot.com

    ResponderExcluir
  18. eu quero ser colocada nos leitores divos *-*

    ResponderExcluir
  19. e para apagar o expemplo? cor da borda, tamanho da fonte
    ?

    ResponderExcluir
  20. visite o http://fashionforteengirls.blogspot.com/ se gostar segue e fique ligado!

    ResponderExcluir
  21. Oi, eu sou a Ana, não sei se você conhece meus antigos blogs : Style Teens e Ser Menina. Pois é, eu deletei eles. E acabei de criar outro. Eu sigo aqui, pode seguir lá?
    Beijos! <3
    http://cinderelaaocontrario-18.blogspot.com ( tá em fase de construção, não se espante!)

    ResponderExcluir
  22. Oi, eu sou a Ana, não sei se você conhece meus antigos blogs : Style Teens e Ser Menina. Pois é, eu deletei eles. E acabei de criar outro. Eu sigo aqui, pode seguir lá?
    Beijos! <3
    http://cinderelaaocontrario-18.blogspot.com ( tá em fase de construção, não se espante!)

    ResponderExcluir
  23. Oi, eu sou a Ana, não sei se você conhece meus antigos blogs : Style Teens e Ser Menina. Pois é, eu deletei eles. E acabei de criar outro. Eu sigo aqui, pode seguir lá?
    Beijos! <3
    http://cinderelaaocontrario-18.blogspot.com ( tá em fase de construção, não se espante!)

    ResponderExcluir
  24. Adorei o tutorial , nossa muito bom dá pra personalizar de varias maneiras possiveis em a citação , se der passa la no meu blog vai ser uma honra ver você lá
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  25. Gostei do blockquote!
    Visita?
    pinkpimenta.blogspot.com

    ResponderExcluir
  26. Amei o tuto! Uso muuito blackout! Bjs!
    http://cantoseencantosdahellen.blogspot.com/

    ResponderExcluir
  27. aaa obrigada . este post foi minha salvação estava procurando isso , mas o pior eu não sabia nem o nome disso , kkk

    mas agora ja sei !
    vou colocar os créditos e colocar o blockquotes , mas como vou usa-lo tipo ai qunado isso vai aparecer quando eu quiser ??

    http://teensliffe-vidateen.blogspot.com

    ResponderExcluir
  28. Oi vamos fazer parceria?? Meu blog é http://universodasofia.blogspot.com
    Eu já vou por vc no gadget de Afiliadas (parceiras) e ai vc deixa um recadinho lá pode ser? Kisses Giih (posso te chamar de Giih?)

    ResponderExcluir
  29. Ooooi,foofa,segue meu blog?Já estou seuindo o seu,mundomagicodasmeninas.blogspot.com

    ResponderExcluir
  30. Oi eu acho que vc deve ver meu blog para vaer o resultado do concurço!!Vc vai ficar super feliz!!!!!!!!!!!!!!!!Parabéns!!!
    http://entreamigas-sz.blogspot.com/

    ResponderExcluir
  31. como eu coloco o blockquete quando eu quiser?

    ResponderExcluir
  32. Nossa amei aqui!!! Esse tutorial me ajudou muito. Parabéns pelo blog, seguindo aqui.

    Se ouder passar no meu blog ficaria muito agradecida!

    Beijos!
    http://rosaschiclete.blogspot.com/

    ResponderExcluir
  33. oi todo bem!
    bem,mas o q é blockquote???
    ei,estou sempre por aqui!!! vem conhecer meu blog!
    http://desenhodadisney.blogspot.com/

    ResponderExcluir
  34. Giih, faz um template pro meu blog?
    portalvocaloid.blogspot.com

    ResponderExcluir
  35. Olá, estou passando para divulgar o chat de blogueiros&blogueiras aqui no msn, é como adicionar um contato normal!

    Blogger World▕ mgroup105144@hotmail.com

    Estamos começando agora, é só para a galera convidada!

    ResponderExcluir
  36. Participa por favor do meu concurso, ele escolhera através de votação o pet mais fofo e esse pet pode ser o seu!
    http://mudandodetemaofficial.blogspot.com/

    ResponderExcluir
  37. Adorei o tuto super criativo!
    Passa lá? http://wwwgertiegirlcom.blogspot.com/
    #Beijoos'

    ResponderExcluir
  38. seguindo você *-* [/ameei seu blog]
    se der, dá uma passada lá no blog. tenho certeza que vai gostar (:



    http://depoisdeumdianormal.blogspot.com/

    ResponderExcluir
  39. Adorei o tuto sempre procurei mais nunca dava certo esse deu.E obrigado flor por ter me colocado na lista de leitores divos.

    Beijos

    blogdagi1.blogspot.com

    ResponderExcluir
  40. Muito fofo,me ajudou muito vc nao tem noçao..
    Vota no Tutoriais Express?? http://isjackiezzdream.blogspot.com/2010/01/quem-merece-ganhar-o-concurso-jackie.html

    Por Favor..
    Beijos Céeh

    ResponderExcluir
  41. Estava procurando por isso há um tempão já! Obrigada pelo tutorial!

    Talita,
    www.meninasdaliberdade.blogspot.com

    ResponderExcluir
  42. Usei, é muito lindo!

    http://sonhosdeumadocegarota.blogspot.com/

    ResponderExcluir
  43. oi! que tudo esse blog!
    mas ali onde diz /* cor da borda */
    /* Pontinhas da Borda - não modifique se quiser o formato igual ao bockquete acima */
    coloco o que????

    obrigada

    ResponderExcluir
  44. Como eu uso ?
    www.diariodas-meninas.blogspot.com

    ResponderExcluir
  45. Giih, eu só tenho uma duvida, oque é Blockquote? viiish, por favor, responde ;c

    ResponderExcluir
  46. Olha, entendi muito bem como colocar e etc, só gostaria de saber como ''ativá-lo'' , como por ele no Blog...
    Obrigada desde já.

    ResponderExcluir
  47. PERFEITOOOOOOO! Amei este tutorial, já coloquei os devidos créditos. Visitem!
    http://sweetcity-official.blogspot.com.br/

    ResponderExcluir