19 de jul de 2011

Personalizando os títulos dos gadgets

TODOS OS CÓDIGOS FORAM EDITADOS POR MIM. NÃO ACEITO COPIAS, NEM INSPIRAÇÕES.

Esses códigos são como Tables, mais são mais fáceis de usar. Apesar de serem de uma linha apenas. Copie um dos códigos abaixo, e em seguida vá até Design > Editar HTML, e proucure por ]]></b:skin> e logo ACIMA cole o código. 

.sidebar h2 {
text-align: center;
background-color: #F1F1F1; ---/*cor de fundo */
width: 265px;
height: 20px;
font-size:13px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #c9c9c9;
border-bottom: 1px solid #DEC4F4; ---/* cor da linha */
A, A:link: #000000;text-decoration:none; }

.sidebar h2 {
text-align: right;
background-color: #F1F1F1; ---/*cor de fundo */
width: 265px;
height: 20px;
font-size:15px; ---/* tamanho da fonte */
font-color:#707070; ---/* cor da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;
text-decoration:none;
border-top: 3px double #FF0080;
border-bottom: 1px solid #000000; }

.sidebar h2 {
text-align: left;
background-color: #E8E8E8; ---/*cor de fundo */
width: 265px;
height: 15px;
font-size:12px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;text-decoration:none;
border-bottom: 3px double #44D0D0;
border-top: 1px solid #c9c9c9; }

Acompanhe
.sidebar h2 {
a: link: #000000;
background-color: #f1f1f1; ---/* cor do fundo */
border-bottom: 1px dashed #dd04dd;
font-color: #707070; ---/* cor da fonte */
font-size: 15px; ---/* tamanho da fonte */
height: 20px;  ---/* altura do título */
width: 265px; ---/* largura do título */
text-align: center;
text-decoration: none;
text-shadow: 0 1px 1px #c9c9c9; ---/* cor da sombra da fonte */
}

16 comentários:

  1. aee obrigada :D http://listeningg.blogspot.com/

    ResponderExcluir
  2. Tenho uma dúvida:
    Eu uso duas barras laterais e com esse efeito o título do gadget ocupa as duas, como çaco para ficar em só uma?

    Beijos e ótimo tuto ^^
    http://sermenina-blog.blogspot.com

    ResponderExcluir
  3. Bem útil e bonito *---------*

    http://garotasederivados.blogspot.com/

    ResponderExcluir
  4. Adorei, mais eu queria saber como fazer isso só que no titulo das postagens, valeuw
    http://justsandri.blogspot.com/

    ResponderExcluir
  5. no meu n ficou a linha pontilhada e nem centralizado o titulo... como eu faço?

    ResponderExcluir
  6. Como eu coloco uma imagem de fundo? Me explica de volta?

    Bjs,
    http://garotamoderna-blog.blogspot.com

    ResponderExcluir
  7. No meu não ficou a linha pontilhada. Me ajuda, eu sou louca pra ter essa linha (avá)

    ResponderExcluir
  8. oi amore , eu queria muito que vc fizesse um tuto explicando como vc consegue ocultar a quantidade de seguidores da gadget do blogguer , é muito válido bjão

    ResponderExcluir
  9. Oi acho q ela não ocultou, apenas colocou na cor branca:) Selecione e vc vai vr :) Bjuss

    ResponderExcluir
  10. seu blog me ajuda muiito! amo muito aqui !

    ResponderExcluir
  11. seu blog ta me ajudando muito *-* amei amei amei

    ResponderExcluir
  12. ótimo, super me ajudou, foi o primeiro que eu achei que funcionou bem

    ResponderExcluir
  13. mei *-* vo postar no meu blog,e dar os creditos :) www.poder-de-menina.blogspot.com

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.