Como colocar background no titulo da postagem e data

Para colocar um fundo no

Titulo das Postagens primeiro vá em  Design > Editar HTML > Ctrl + F >

e procure por /* Posts e vai aparecer assim:

/* Posts
----------------------------------------------- */

E depois disso coloque isso: h3 {background-color: #d1e0cc ;}
deve ficar assim:

/* Posts----------------------------------------------- * /

 /h3 {background-color: #d1e0cc ;}

Ai voce escolhe a cor alterando o que esta em verde!  Para colocar fundo na data.
procure por /* Headings  e vai aparecer assim:

/* Headings

----------------------------------------------- */

Depois disso coloque: h2 {background-color: #dle0cc;}

deve ficar assim:

/* Headings
----------------------------------------------- */
h2 {background-color: #dle0cc;}

Para alterar a cor mude em vermelho! Tabela de Cores

Como colocar imagem na barra lateral

como você coloca uma imagem na barra lateral do seu blog. Não é difícil,

mas primeiro precisamos saber se sua barra é a esquerda ou a direita sabendo que:

Esquerda - Left  | Direita - Right

 

Acho que tem outra forma de se fazer isso, mas essa foi a que eu consegui.

Se a sua barra for a esquerda (left): vá em > Design > Editar HTML > Ctrl + F >

procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

  

deve aparecer assim:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

}

altere assim:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 background-image: url(URL DA SUA IMAGEM) $(widget.outer.background.gradient) repeat scroll top left;

}

ok, esse foi o primeiro passo, ainda não vai aparecer nada agora 

procure por:

.main-inner .fauxcolumn-left-outer {

deve aparecer assim:

.main-inner .fauxcolumn-left-outer {

        width: $(main.column.left.width);

      }

acrescente o background assim:

.main-inner .fauxcolumn-left-outer {

        width: $(main.column.left.width);

        background-image: url(URL DA SUA IMAGEM);

     }

Veja se esta tudo certo, se apareceu a imagem, e pronto! salve

Caso sua barra seja a direita (right) apenas quando for procurar troque Left por Right.

espero ter ajudado beijoos

Obs: Tutorial apenas testado no modelo Travel do blogger

Blockquote é tipo uma caixinha que você põe nos textos para destacar alguma citação.

Hoje vamos aprender como por isso no seu blog! É bem simples, basta fazer tudo certinho.
Abra seu blog, clique em Design > Editar HTML.
Aperte Ctrl+F e na caixa de pesquisa coloque:  ]]></b:skin>
Cole acima de ]]></b:skin> , o seguinte código:
.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}
Agora é só alterar conforme quiser. Substitua LINK DA IMAGEM DE FUNDO AQUI pelo link da imagem que vc quer por no fundo do blockquote.
Se quiser colocar apenas cor de fundo, substitua url(LINK DA IMAGEM DE FUNDO AQUI) por: #código da cor.
Mude também a cor da borda se quiser, é só alterar o código da cor. Pra aumentar a espessura da borda é só modificar 2px pelo valor que quiser.
Depois de modificar tudo, salve! ^^
Quando quiser usar o blockquote nos posts , é só clicar naquele botão com aspas:

Oie leitora

oi este é o primeirisimo post do nosso blog:
Sonhando Acordada
pra vocês leitoras saberem nosso blog é sobre tutoriais!!!
espero que todas vocês gostem!!!