0 Sidebar personalizada

No Painel do seu blog>> Modelo>> Personalizar>> Avançado>> Plano de fundo da barra lateral e deixe com o fundo e borda transparente

Depois, clique em Aplicar ao blog>> Voltar para o Blogger>> Editar HTML>> Aperte Ctrl+Fe procure por:

/* Widgets

Abaixo dele terá um código parecido com esse:

.sidebar .widget {

  border-bottom: 2px solid $(widget.border.bevel.color);

  padding-bottom: 10px;

  margin: 10px 0;

}

Apague esse código e cole esse:

.sidebar .widget {

  margin: 0px 0px 15px 0px; /* margem entre uma caixa e outra */

  background: #FFFFFF; /* cor de fundo das caixas */

  padding:10px; /* espaço entre o texto e as margens */

  border-radius: 10px; /* arredondamento dos cantos das caixas */

  text-align: justify; /* alinhamento justificado do texto */

  -webkit-box-shadow: 0 0 1em #c9c9c9; /* sombra nas caixas, apague esse trecho se não quiser sombra */

}

Aperte novamente Ctrl+F e procure por:

/* Headings

Logo abaixo dessa tag que pesquisamos, cole o seguinte código:

.sidebar h2 {

margin: -11px -11px .65em -11px; /* margem */

font-family: Verdana; /* tipo de fonte do titulo */

line-height: 1.8em; /* altura da linha */

text-transform: capitalize; /* transformação do texto */

color: #FFFFFF; /* cor do título */

background: #22222; /* cor de fundo dos títulos */

font-size: 12px; /*tamanho da fonte */

text-align: center; /* alinhamento centralizado do texto */

font-weight: bold; /* deixa o título em negrito */

border-radius: 10px 10px 0 0; /* deixa apenas as bordas acima arredondadas */

word-spacing:.2em; /* espaço entre palavras do título */

}

Mude onde estiver em negrito, visualize e se estiver tudo certo salve. Pronto!

Espero que tenham gostado!

Créditos Sweet of Cherry

0 Como personalizar o título da postagem

o modelo base para personalização é o simples do blogger.

1. Ir em Modelo<editar html;

2. Clicar dentro da área html e apertar Ctrl+f, vai aparecer uma caixa de busca e dentro dela digite:

/* posts

3. Procure por

.main-inner {

4. Apague de 

.main-inner {      até 

#comments .avatar-image-container img {

  border: 1px solid $(image.border.color);

}

5. Procure por:

/* comments

e acima deste código digite:

h3.post-title {  margin-top: 20px;}
h3.post-title a {  font-family: 'dancing script'; /* Fonte do título do post */
font-size: 26px; /* Tamanho da fonte */
color: #000; /* Cor da fonte do título do post */}

6. Personalize à seu gosto!

0 Como personalizar a data do blog

o modelo base para personalização é o simples do blogger.

Antes de tudo vá em layout<área de postagem e mude o formato da data para dia mes ano sem de e vírgulas. Faça o mesmo em idiomas e formatação.

1. Ir em Modelo<editar html;

2. Clicar dentro da área html e apertar Ctrl+f, vai aparecer uma caixa de busca e dentro dela digite
/* posts

3. Irá aparecer:

.date-header span {
  background-color: $(date.header.background.color);
  color: $(date.header.color);
  padding: $(date.header.padding);
  letter-spacing: $(date.header.letterspacing);
  margin: $(date.header.margin);
}

4. Apague o código entre as chaves e digite este:


font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;/* cor da fonte da data */
background: url('URL DO BACKGROUND');
background-repeat: no-repeat;
text-align:center;/* alinha o texto */
font-family: 'Arimo', sans-serif;
font-size: 18px;
width: 80px;/* largura */
height: 80px;/* altura */
float:left;
margin-left: -55px;
margin-top: 5px;
padding: 9px 1px 2px 1px;
overflow:hidden;
line-height: 18px;
word-spacing: 25px;
}

5. Salve e visualize.

6. Não esquecer de hospedar a imagem de fundo para a data.

0 que bonitooo

dvnbaHGVFIUEWHUGHEUHGUIH UEHUEHFUHEUFHEUFH UHJDBCAHNCLAJH DHFUDEHOL\H VDISHIHGOWEhglkhs hfuweahfawofgdshbvosfhgl kjpopojuuyhij i uyhugyfj ygtiyg utgygikholu yhouhogifu8dgcju gitoihyp9u 8uy9 879y9y978tyohy 9yyy

0 QUE MARAVILHA

LJNDVWANHGVWHAU V  UYHFUHUw ufhweu fUHFUW efuh JNV  ASOUV uhgr gohsdLNCVOÇldh fohwefhdhA  UHFU huqghfi kjhgvorgoh hgfui

0 LINDA E BELA

KHGcigWFGVFGQWG URHGKJWBAEVI OUTGLNAVÇOUHA IO URGOTIEQWHRGOQWEJBHGV RHGOWEA GAOUYGERG OAYGOERHG  OAHKJHFVIUWA TFOU SDVKMHAWB AKH E8YGERAHGOQU

0 UNHAS DA SEMANA

LJHAGOÁHWTGOUAWHGAW