Guia do Layout - Base

 Oi, doces! Tudo bem com vocês, minhas amoras com doce de leite? Bom, sei que eu devo explicações por este tempo que passei fora, mas infelizmente, não tenho (preguiça, serve?). Bom, quase todos os dias eu estava online, mas estava com muita preguiça, e quando tomava coragem a internet caia, mas aqui estou eu! Mudando de assunto, eu até já sei que joguinho fazer, mas não sei o prêmio, podem me ajudar com esta parte, um layout, divulgação por 1 mês, pacote com k-pop's diversos? Enfim, oque querem, corações?
  Bom, para tentar recompensar o tempo que estive fora, trouxe uma tag nova, que será dividida em algumas partes, para ajudar vocês a fazer um layout simples e bonito. C'mom my musics ♥♥♥♥

 
 Primeiro você vai escolher o modelo travel que o background é uma asa de avião, uhum, eu sei que é feio, mas é oque dá para personalizar com mais sucesso, enquanto aqueles rosinhas, bonitinhos você consegue mal, mal mudar o background e o header.
 Para começar, vamos em modelo > personalizar > coloque um plano de fundo legal > Coloque cor do plano de fundo da postagem branco e o da sidebar transparente. Agora salve e volte ao blogger, agora vamos em editar HTML para tirar as bordinhas de papel ridículas. Procure por .content-outer .content-cap-top { você irá encontrar isso, apague oque está em vermelho:

 Pronto, por enquanto seu layout estará assim (image)
 amos tirar este "Tecnologia do Blogger" e "Assinar Postagens Atom" só porque eles são feios ;) Lembrando que eu encontrei este tutorial aqui (www)

 Eu resumi de um jeito prático, basta colar acima de ]]></b:skin> isto:

.feed-links { height:0px;visibility:hidden;display:none}
#Attribution1{
height:0px;visibility:hidden;display:none}

 Salve e veja se deu certo! Agora você pode escolher dois meios de personalizar a sidebar, em caixas com bordinhas e tal, ou junto do post, para juntar com a área de post basta usar este tutorial (www). Mas irei deixar um modelo de personalização rosinha para vocês editarem:

 Procure por .sidebar .widget { você irá encontrar, mais ou menos isso:

.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}

 Substitua por este código, bombom:

.sidebar .widget {
background: #fff; /* cor do fundo da sidebar */
margin-left: -10px; /* margem esquerda, quanto maior o número negativo, mais pra esquerda */
padding: 10px; /* espaçamento do texto aos cantos */
border-top: 2px double #eddceo; /* borda de cima, no código está rosa*/
border-bottom: 2px double #eddceo; /* borda de baixo, também rosa*/
border-left: 2px double #d8c7e3; /* borda esquerda, em lilás*/
border-right: 2px double #d8c7e3; /* borda direita, em lilás*/
margin: 10px 0;
}

 Simples não? Agora é só editar oque está em negrito ;) E agora, para o titulo ficar bem cauai, procure por este código h2 { e substitua dele até } por isto:
.sidebar h2 {font-family: Gabriola; /*Tipo de fonte*/font-size: 20px; /*Tamanho da fonte*/color: #fff; /*Cor da fonte*/background: url (https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRGk9XtH96X3g3UkUZRwvVK-q1xZPLnHZ1zzXK0ETTdKJXOBppI) no-repeat center;height: 25px;/*Altura da imagem*/width: 270px; /*Largura da imagem*/ text-align: center; /*Alinhamento do texto*/}
Pronto, salve! Vamos editar a área das postagens agora, adicione um gadget html/java script e cole isto:

<style>/** CANDY POSTS DIVIDIDOS INICIO **/@font-face {font-family:'Salsa';font-weight:400;src:url('http://themes.googleusercontent.com/static/fonts/salsa/v3/A4KcPjUX7Ams2Jqasy0vzQ.woff') format('woff')}.main-inner .column-center-outer {background:transparent none !important;_background-image: none;}/** post **/.date-outer{background:#fff;/* cor do bg */margin-bottom:20px; /* espaço entre os posts */padding:15px !important; /* espaço interno */border-radius:0 0 15px 15px; /* arredondamento */
}.date-outer img{max-width:99% !important} /* a imagem do post nunca vai "pular" rs *//** data do post **/.date-header{width:35px;/** largura **/height:50px;/** altura **/overflow:hidden;margin-bottom:-80px;/** desce **/margin-left:-50px;/** margin pra esquerda **/text-align:center;/** alinha o texto **/padding:10px 5px;/** espaço interno **/background:url(http://3.bp.blogspot.com/-XkS0xqFlrwQ/T6nO1NlqBYI/AAAAAAAAgVM/nsGRyRqpiGY/s1600/data.png)no-repeat; /** bg **/font:normal 10px verdana !important;color:#fff !important;/** cor da fonte **/font-weight:400;/** afina a fonte **/}/** título do post **/h3.post-title a, h3.post-title{font: normal 25px Salsa; /** font **/color: #f9b !important; /** cor **/text-shadow:0 1px #eee; /** sombra **/margin-left:5px !important;/** margin do titulo em relação a data **/}/** CANDY POSTS DIVIDIDOS FIM by Candylland [www.candylland.net] **/</style>

Créditos do tutorial no código ;)
 Vamos agora colocar um cabeçalho ai e tirar a navbar! Edite o seu cabeçalho de acordo a largura do seu blog que está em modelo > personalizar > ajustar larguras :D
 Vai em Layout > cabeçalho > escolher imagem > em vez de título e descrição Pronto :D Depois vá em navbar e coloque em desativado. Agora nosso layout ficou assim, chuchus (preview)
 Se usarem este tutorial, por favor, creditem! Deu muito trabalho para fazer, qualquer dúvida, é só falar nos comentários ou na ask!