Colocando as nuvenzinhas sem HTML:
É só você fazer um cabeçalho, saber a largura da área de posts e da sidebar do seu blog, depois subtrair os valores de largura total do blog, com o valor total da sidebar. Como por exemplo, se o seu blog for da largura de 1020 e a sidebar 300, a largura da área de posts do seu blog será 720 de largura,então será nesse espaço que você fará as nuvens.
Fiz 2 bases de cabeçalhos editáveis, ambos com as nuvenzinhas. Eu não coloquei os créditos ali porque eu sei que fica atrapalhando e tal, então peço para quem salvar, colocar os créditos do cabeçalho na página de créditos ok!
Para salvar no tamanha original, é só clicar encima na imagem e salve:
(largura total: 1100, altura: 304. largura da área de post 796)
Vamos conferir como colocar com o HTML! É só clicar em ''leia mais''!
Vá em Desing - Editar HTML- De Ctrl + F, aí aparecerá uma caixinha de busca, então digite nela o seguinte código:
.main-inner .column-center-outer {
Se você nunca editou seu essa parte do HMTL, aparecerá mais ou menos assim:
.main-inner .column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none;
}
Então,apegue a linha _background-image: none; , no lugar coloque o seguinte código:
background-image: url(url da imagem);
background-position: center top;
background-repeat:no-repeat;
Obs: Se você quiser que a imagem fique no footer da área da postagem troque top por bottom.
Então, como eu disso no começo do post, a imagem para ser colocada ali deve ser exatamente da largura da área de posts '' se o seu blog for da largura de 1020 e a sidebar 300, a largura da área de posts do seu blog será 720 de largura''.Depois de pronta a imagem, é só por o url dela no local do código onde se pede.
