NAO APAGAR

http://chaecupcake.blogspot.com.br/2013/01/tutorial-separando-area-de-post.html

Aaahhh, vamos aprender a separar a área de post e partes, para que cada post fique meio distante um do outro, é bem simples e embeleza bastante o blog. Não vou mostrar imagem de exemplo por que estou com preguiça de tirar print. Então vamos lá aprender.

No seu layout vá em:

Modelo >> Editar HTML

Aperte Crtl + F e procure por

.main-inner .column-center-outer {

Você vai encontrar algo parecido com isso:

.main-inner .column-center-outer {
 background: $(post.background.color)
$((post.background.url)
 repeat scrool top left; _background-image:none;}

APAGUE TODA ESSA PARTE e cole isso

.post-outer{
border-top: solid 10px #ff8ab1; /*borda de cima*/
box-shadow: inset 0 0 10px #d6d6d6, 0 0 5px #ccc;  /*sombra*/
margin: 3px 2px 10px;
background: #fff; /*cor de dentro*/
padding: 25px 10px;
} 

Visualize

Agora mude a cor da borda #ff8ab1 para qualquer uma que você quiser AQUI tem uma tabela.

E mude a cor de dentro #fff para qualquer outra, mas aconselho não mudar.

Visualize novamente e salve se estiver tudo certo.
Sempre a cor da borda é essa : #FFFCFC

NAO APAGAR *-----*

http://chaecupcake.blogspot.com.br/2012/09/tutorial-retirar-espaco-entre-cabecalho.html

Trouxe um tutorial com um nome muito grande, mas é super fácil de fazer; Vou ensinar:

"Como Retirar Espaço Entre Cabeçalho e Topo do Blog"

ANTES

No painel vá em:

MODELO  EDITAR HTML  PROSSEGUIR

Aperte Crtl + F e procure por:

/* Header

E abaixo dessa linha

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

Cole esse código.

.header-inner {
margin-top: -20px;
}

Ficará assim:

/* Header
----------------------------------------------- */
.header-inner {
margin-top: -20px;
}

DEPOIS

Fácil demais néh?

A única coisa que você deve mexer é no -20px

aumente o número para subir mais, e diminua para descer.

Pronto, tutorial ensinado.

E até outrora

A única coisa que você deve mexer é no -20px

NAO APAGAR *-*

http://inside-oficial.blogspot.com.br/2014/05/efeito-opacidade.html (nos afiliados)

Em um java / script

<center>
<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" style="opacity: 0.5;" /></a>
</center>

Quanto mais imagens você quiser colocar, mais vezes você repetirá o código que está dentro de <center> </center>.

NAO APAGAR *--*

 mudar o background do blog pelo HTML:

1. Vá em modelo
2. Editar HTML
3. Dê CTRL F ou F3,e procure por:  body {
4. Vai aparecer isso: body {
                               font: $(body.font);
                               color: $(body.text.color);
                               background: $(body.background);
                               }
5. Você apaga a linha grifada e cola isso:   background: url(COLOQUE O URL DO BACKGROUND AQUI);
6. Onde tem "COLOQUE O URL DO BACKGROUND AQUI"  você coloca o URL/link do background que quer usar.