16 dezembro 2011

Personalize o blockquote

   
Oi meus docinhos! Hoje vou ensinar a vocês 2 formas de como personalizar o blockquote do blogger!
É bem simples :).

                                      Vá em Design > Editar HTML dê Ctrl+f e procure por:   ]]></b:skin>

loga acima,cole um dos códigos abaixo:  

                     





blockquote {
border: 1px solid #FF69B4; /* cor da borda */
background-color: #E8E8E8; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}

               (caso queira tirar as bordas apague a parte destacada em salmão)
------------------------------------------------------------------------------------------------------------------------------------
                                           




                     

blockquote {
border-bottom: 1px dashed #FF69B4 ;/* cor da borda */
background-color: #E8E8E8; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

------------------------------------------------------------------------------------------------------------------------------------
Para usar o blockquote nos posts,vá em ''Editar HTML'' que fica aonde você escreve o post,e use:  <blockquote> texto aqui </blockquote>
                        Espero que tenham gostado. Qualquer erro me comunique ok! Bjs
               
(OBS:Fiz os códigos com base nos códigos nesse tutorial do blog Place Fame=Extras)

8 comentários:

Ana Carol disse...

Posso te pedir um favor?
Vota na One Direction? http://www.facebook.com/questions/334002226615651/?notif_t=question_answer
Se você quiser, pode votar em mais de um (:

Beijos :*
http://my-favoritesthings.blogspot.com/

Bismarck disse...

Oláa, seu blog esta muitoo lindo, os posts nem se fala.

seguindo, retribui? meta de 200 seguidores falta pouco.

caarmo.blogspot.com

lia disse...

Adoro o blockquote fica mt lindo *_*
Tem um jeito mais fácil de usar depois de por o código. É só selecionar o texto e clicar em um botão que tem uma aspa.

Parabéns adiantado para seu niver de 1 ano de blogueira! Não tem como não amara esse mundo maravilhoso dos blogs não é? kissus
Cherry Bomb.Twitter

Ingrid Sakamoto dos Santos disse...

Votem em mim nesse concurso ? http://saladadefrutasbr.blogspot.com/

Votem em Ingrid Sakamoto dos Santos !

Anônimo disse...

ótima dica.

Começou o sorteio de Natal, corra lá no blog e participe.

Beijooos
www.idfashion.com.br
@blogidfashion

Just Listen disse...

Oi muito legal o seu tutorial ><
Só estou dando uma passada pra ver como esta as novidades dos meus parceiros ><

Beijos, Juliana.
http://bloggirlpop.blogspot.com

Betina disse...

Oi Amiga,nem sei se lembra mais de mim :(
Pedi para você ser parceira do meu blog,ou foi você ? não me lembro hahaha
então,já vi em vários blogs,e o meu blockquote sempre fica branco :(
me ajuda ?
beijos
---------------
sweetstarblog.blogspot.com

Little Bee disse...

Oiii Paty

Você não se importa de eu copiar suas postagens, né? Claro, com créditos sim, eu sempre credito (pode até ver lá, kk). Mas por exemplo, VÁRIAS de suas postagens sensacionais eu ponho no meu blog, então você não se importa? Eu fico com medo de copiar sendo que você se sente plagiada (mesmo com créditos...)

www.segredoirrevelado.blogspot.com