Como personalizar o blockout do blogger?



Hoje vou ensinar como fazer o blackout do blogger, é muito simples e fácil continue lendo para aprender!

Primeiro entre no seu blog >> design >> editar html

Aperte Ctrl+F do seu teclado, ira abrir uma pequena janelinha de pesquisa então procure por "/* Posts" ou se seu html for personalizado vá na parte de posts e quando achar cole o código logo abaixo!
.post blockquote {  
background: url( URL_DA_IMAGEM_DE_FUNDO) repeat;  
border: 4px double #FFFFFF; /* cor da borda da caixinha */  
color: #FFFFFF; /* cor do texto da caixinha */  
margin:1em 20px;  
line-height:1.2em;  
padding: 5px;  
}
Este código pode ser sim personalizado, vamos aprender...

Vermelho é o background(fundo) do seu blockout
Azul é a borda do seu blackout modifique ao seu gosto
Lilás é a cor da borda da caixinha
Vinho é a cor do texto da caixinha

Mais bordas -> Aqui!
Mais tipos de cores -> Aqui!

depois disso salve, não haverá nenhum problema, mas juu como eu uso o tal blackout? Na hora que estiver fazendo seu post procure o icone com um quadrado vermelho, clique e escreva!


Se você conseguiu ou vai fazer dá um Up nos comentários aí, rsrs' Beijos

Comente usando seu facebook!


Comente!

  1. ADOREI O POST. super bem criativo.ADOREI QUE agora há mais um blog de tutoriais

    ResponderExcluir
  2. Legal a dica , :D bem esplicado
    que obm que gostou a nova postagem♥
    bj lindona

    ResponderExcluir
  3. Ainn que lindo aki, vou visitar SEMPRE ;)

    http://rebyfashionworld.blogspot.com/

    ResponderExcluir
  4. Obg pelas dicas ! e nossa o blog ta muitoooo lindoooo eu ameiiiii !
    *-*
    lindo d+ d+
    http://bella-coisasdegarota.blogspot.com
    beijoo

    ResponderExcluir
  5. amor não to conseguindo fazer, eu coloco o código e tal ... como eu faço onde tem o nome cor da caixinha é para eu apagar ou colocar o código da cor que eu quero ? e a do url eu apago e coloco o URL ?

    ResponderExcluir
  6. Abri uma vaga para postadora no meu blog,confira: http://novidadesdechocolate.blogspot.com/2011/11/vaga-para-postadora.html

    ResponderExcluir
  7. Seu comentário estará visível depois de ser aprovado. :o

    ResponderExcluir
  8. Este comentário foi removido pelo autor.

    ResponderExcluir