13 de fev de 2012

Tutorial - Personalizando Bloquote



Algumas pessoas tem duvidas de como personalizar o bloquote do seu blog, para quem não sabe, bloquote é aquela caixinha que normalmente as blogueiras colocando códigos HTML, eu não sei oque eu fiz, mas o meu bloquote aparece nos comentários como fundo, ficou legal e esse tutorial que eu vou fazer, concerteza seu bloquote vai aparecer nos comentários também.

Primeiro, Vá em Design Editar HTML   marque a caixinha "Expandir Modelo de Windget"
Tecle F3 ou CTRL+F e procure por:
 ]]></b:skin>

Quando achar cole antes da } isso:
 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+*/
}
Seu bloquote ficará assim como o meu cinza e redondo.
Caso você queira de outra forma modifique o HTML 
EX: Border Dashed ou Dotted a borda ficará tracejada ou pontilhada, se você não quer o bloquote arredondado retire a parte em azul, querendo mudar a cor você precisará da tabela de cores aqui.
Querendo mudar a posição da borda acrescente a palavra Leff / Right/ Bottom
exemplo: Border-left (ficará para la ←)

Visualize veja se está tudo certinho e salve.Precisando de Ajuda só comentar aqui ou no Cbox.

~ ~ Como usar o Bloquote ~ ~

Basta marcar oque você quer colocar no bloquote e clicar nessa ferramenta aqui ↓

2 comentários :

  1. Adorei o tutorial, mt bom *-*

    www.caprichando.com

    ResponderExcluir
  2. amei o tuto, vou fazer mais tarde rs'
    e flor, obrigado pela visita lá no CG, te espero mais vezes por la
    bjs

    Twitter | Blog

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.