22/06/2012

Roupa Novinha + Personalizando o Blockquote

Hello peoples! Perceberam que eu troquei o Layout do Blog? É agora que vocês se perguntam… De novo? Pois é, eu não gostei daquele, tava muito morto, além de não ter quase nada a ver com a proposta do Blog, então, eu fiz esse bem lindinho, gostaram? Espero que sim! Gente, mais um Blog foi hackeado, o Crystal Bow, sigam e ajudem a Fefê ok?
Hoje ~~a pedidos da Brenda do Clube Teen~~ nós vamos aprender a colocar Blockquote que pra quem não sabe é esse Bloquinho Verde que é usando normalmente em Citações e Tutoriais para destacar os códigos! Vamos começar?
No painel do Blog, Vá em Design, Editar HTML, Clique em Ctrl+F e pesquise por ]]></b:skin> Quando achar, cole o código abaixo ACIMA do que você procurou.
.post blockquote{
margin-left:10px;
margin-right:10px;

padding:5px;
border-radius:0px 0px 0px 0px; /*--mecha aqui para alterar as bordas Blockquote--*/
text-align:justify; /*--Alinhamento do texto--*/
background:#DEF0B4; /*--Cor de fundo--*/
Personalize da forma que você achar melhor. Ele ficara parecido com o do Blog! Mas se você quiser uma imagem como fundo ao invés de uma cor, troque esse trecho do código
background:#DEF0B4; /*--Cor de fundo--*/
Por:
background: url(URLDASUAIMAGEM) repeat;
E ainda, se você quiser colocar bordas no Blockquote, acrescente o código abaixo antes de fechar a Chave }.
border: #000000 1px solid; /*--Cor, estilo e espessura da borda--*/
Agora, por fim, para aplicar nas postagens do seu Blog, selecione o texto que você quer dentro do Blockquote e clique no Botão Citação  e Pronto! O seu Blockquote já foi acionado e já está personalizado!


E ai, gostaram do Tutorial? Espero ter ajudado vocês e principalmente a Brenda. Beijos e Até mais!

31 comentários:

  1. Oiamei o lay .queriasaber sequeria seafiliar ao We Moustache ?
    http://we-moustache.blogspot.com.br/

    ResponderExcluir
  2. gente eu achei esse Blockquote lindo mas eu até tentaria fazer mas pra min isso é um pouco mto complicado mas vendo no pom ficou d + bjos.

    ResponderExcluir
  3. Adorei seu novo lay, seus layouts ficam sempre perfeitos ! Bjs,http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
  4. Sou de novo, ali na barra lateral tá dizendo que seu blog foi criado 26/06 mais ainda é 22! bJS, http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
  5. *o* Meu Deus *o* Ficou lindo! Muito bom o tutorial! Alex, so queria saber se você recebeu o e-mail que eu te mandei com a entrevista, aliás, os três e-mails que eu te mandei rs

    www.porenseetcs.blogspot.com

    ResponderExcluir
  6. Adorei, Alex! O lay ficou lindo, está mais aconchegante rs'
    E o tutorial, vou usar, é ótimo.

    http://quinzedilemas.blogspot.com.br/

    ResponderExcluir
  7. Amei demais o novo Lay...Realmente aquele tava meio morto,nem parecia o Part Of Me.

    ResponderExcluir
  8. amei seu blog...
    seguindo aki!!

    beijoks

    thebestfriensdsbrasil.blogspot.com

    ResponderExcluir
  9. Liiindo *u* o melhor desde que eu conheço o Part Of Me :)
    Ficou muito fofo Alex.
    Beijos.

    ResponderExcluir
  10. Obrigada pela visita e pelo carinho lá no blog, viu?
    Amei teu blog, é muito bonito mesmo!

    Adorei o tuto!

    Mundorosaachock.tk
    #Beeijos

    ResponderExcluir
  11. Que liiiiindo que está aqui Aleeeex! Adoorei o otutorial, o blockquote é mt mt mt essencial!

    Beeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  12. AAAAH, agora sim aprendi (: Obrigada s2. Aceita afiliação ? Se aceitar diz la no Mural de Recados do blog, beijão !

    http://clube--teen.blogspot.com.br/
    (Donas - Brenda e Yasmin)

    ResponderExcluir
  13. Ficou liindo o lay, qualquer dia eu vou encomendar com voce *-*

    Beijos
    blogcandysweet.blogspot.com

    ResponderExcluir
  14. INteressante eu fiz... agora só não sei como usar...kkkkk como sei se funcionou???
    O lay ta lindo....

    bjs
    Simplesmente Danny

    ResponderExcluir
  15. Que lindo Alex!! Lindo não, maravilhoso *u*
    Adorei o tutorial do blockquote, bem útil! Um beijoo:3
    http://www.viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  16. puxa é tão fácil...kkkkk que vergonha...huahauahuhu

    ResponderExcluir
  17. Nossa, que lay lindo de morrer *-*, gamei aqui vó sair mais não ^^
    adc pra nos traca uma ideia
    things-to-you@hotmail.com

    ResponderExcluir
  18. Awn, como ficou lindo o layout do blog! Eu já tinha visto, porque quando fui preparar o último post, vim aqui tirar um print, mas ainda não tive tempo de comentar. Eu gostava muito do outro, mas sem dúvidas, esse está lindo! O tutorial e facílimo, vou aproveitar pra usá-lo no meu próximo layout, mas ainda vai demorar um pouco. E sobre o meu post, você não precisa agradecer nada não, eu coloquei lá os blogs que eu mais gosto mesmo. Um beijo.

    the-zombie-attack.blogspot.com

    ResponderExcluir
  19. Até ontem, estava procurando um tutorial que desse o código de como por uma imagem em um blockquote '-'
    O layout tá lindo, adoro seus cabeçalhos!

    Beijos amigo paraibano, haha ^^

    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  20. Olá seguindo também:) Muito bom o blog!
    jovenclube.blogspot.com

    ResponderExcluir
  21. Cool o tuto *-* Posso pedir um post tmb? :) Você poderia ensinar como personalizar essa área embaixo do post, com os comments?

    Please ;3

    Kiss

    http://weheartit.com/_MissCookie_
    http://mania-maniaca.blogspot.com.br/

    ResponderExcluir
  22. Oiee!Amei seu blog, muito perfeito :)
    Quer fazer afiliação?Segue meu blog,já estou seguindo o seu!

    Responde lá
    www.meudiario-minhavida.blogspot.com

    Beijos.

    ResponderExcluir
  23. Ok então....vamos ser parceiros!
    hahah

    ResponderExcluir
  24. Tá liiindo d+!
    Suave e bem caprichado, eu adorei :)

    bjãoo

    ResponderExcluir
  25. Adorei o lay ta muito lindo! E o tuto é super top :)
    by: http://gilsilene.blogspot.com.br/

    ResponderExcluir
  26. Amr, estou atendendo seu pedido, não sei se foi isso mesmo que você pediu, espero que sim! rsrs! >> http://garotavertigem.blogspot.com.br/2012/06/cortininha-fixa-no-blog.html << Aí está o post, espero que dê tudo certinho, se der algum erro, pode falar (;

    Beijos, muito obrigado!!
    Ah! Amei o novo layout *---*

    ResponderExcluir
  27. O poréns e Etc's também está com roupicha nova *o*

    www.porenseetcs.blogspot.com

    ResponderExcluir
  28. Tá tão lindo aqui *o* amei o tuto
    plush-bomb.blogspot.com.br

    ResponderExcluir
  29. Com minha sinceridade, ficou lindo, mas ficou meio parecido com aquele, na base... Azul e branco!
    Mas ficou lgl mesmo assim *-*
    bjs
    www.baby-idontcare.blogspot.com

    ResponderExcluir
  30. Ta lindo o novo lay ! e adorei o tutorial tbm *O*
    e Alex, quase todos adoraram o lay que você fez lá pro blog, ta diwo de mais u.u .
    beijos~> diariodeumameninanerd.tk

    ResponderExcluir
  31. Amei o Bockote' não sei escrever isso!kk'
    Fica muito lindo no final! bjjs
    amoraazeda.blogspot.com

    ResponderExcluir