welcome
You can go ahead fill in this section with a welcome text or maybe a small profile. Maybe you can turn this into a headline section. Whatever you want to do with it you can. I would just like to remind you that this section does start to scroll after 86px has been filled with text or whatever you put in here. So go wild!
chatbox
You can put a chatboard here or something similar. If you do put a chatboard here, I would recommend greatly that the size is exactly 134 x 85px. That prevents the stretching and makes things remain even.
ELABORANDO UM LAYOUT BÁSICO #2
Então, agora está é a segunda parte, vamos continuar de onde paramos. Agora, o tutorial é mais para a personalização do leia mais, da seleção colorida, do tooltip e todas essas coisas um pouco simples. go! Aliás, se um menu semelhante a ESTE aparecer no seu blog, vá em LAYOUT >> MENU >> EXCLUIR.

 →  Adicionando seleção colorida: essa é a "primeira" coisa que eu faço no blog, não consigo ver um design todo lindo sem seleção colorida, saio logo do blog. Então, para adicionar essa belezura no seu blog, vá em EDITAR HTML, na caixinha de códigos - como no gif que te mandei - e procure por ]]></b:skin> ACIMA dele, cole o código abaixo. Veja como ficou o HTML e como ficou no BLOG. /lindo nn
::-moz-selection {
background: transparent; /*Cor do fundo*/
color: #a5a5a5; /*Cor da Fonte*/
text-shadow: 1px 1px 1px #ffffff;/*Cor da Sombra*/
::selection {
background: transparent; /*Cor do fundo*/
color: #a5a5a5; /*Cor da Fonte*/
text-shadow: 1px 1px 1px #ffffff;/*Cor da Sombra*/
}

 → Mudando a fonte do blog, incluindo a dos posts, sidebar etc: Para mudar a fonte de todos os locais do blog, faça o seguinte. Como antes, faça o mesmo processo de clicar na caixinha, teclar ctrl+f e essas coisas, então procure novamente por ]]></b:skin>. Acima dele, cole o seguinte código e edite. No seu HTML, vai ficar assim o código (XXX). E no seu blog, o resultado será mais ou menos esse. (X)
div{
color: #666666; /* cor da fonte */
font: 11px 'Arial', sans-serif; /* tamanho e nome da fonte */ }

 → Personalizando as postagens e a sidebar: Eu sempre uso os mesmos códigos para os posts e para a sidebar, então vou fazer do meu jeito. Para alterar OS POSTS, procure pelo código .main-inner .column-center-outer {, então SUBSTITUA todo ele pelo código abaixo, edite somente se quiser.
.post-outer {
background: #fff; /* cor do fundo */
padding-bottom: 2px; /* espaço de baixo */
padding-top: 2px; /* espaço de cima */
padding-left: 10px; /* espaço do texto da esquerda */
padding-right: 10px; /* espaço do texto da direita */
margin-bottom: -20px; /* margem de um post pro outro */
box-shadow: inset 1px 1px 0px #f6f6f6; /*sombra */
}
Agora, para personalizar A SIDEBAR, procure por .sidebar .widget { e SUBSTITUA TODO O CÓDIGO pelo abaixo, que é igualzinho ao código das postagens. Veja o resultado no (HTML) (BLOG)
.sidebar .widget {
background: #fff; /* cor do fundo */
padding-bottom: 2px; /* espaço de baixo */
padding-top: 2px; /* espaço de cima */
padding-left: 10px; /* espaço do texto da esquerda */
padding-right: 10px; /* espaço do texto da direita */
margin-bottom: -20px; /* margem de uma sidebar pra outra */
box-shadow: inset 1px 1px 0px #f6f6f6; /*sombra */
}
 → Personalizando o título da postagem e a data: Eu normalmente excluo a data, mas se quiser ver um tutorial de como personalizá-la de um jeito legal, CLIQUE AQUI!  Agora, para personalizar o título das postagens, procure por h3.post-title { e substitua TODO o código pelo seguinte: (HTML) (BLOG)
h3.post-title {
text-align: center;
font-family:  georgia;  /* nome da fonte  */
color: #ffcbb7; /* cor da fonte  */
font-size: 17px; /* tamanho da fonte */
margin-top: 6px; /* margem do topo */
font-style: italic; /* estilo da fonte */
border-bottom: 1px solid #e5ebe7; /* borda de baixo */ }
h3.post-title a {
text-align: center;
font-family:  georgia; /* nome da fonte  */
color: #ffcbb7; /* cor da fonte  */
font-size: 17px; /* tamanho da fonte */
margin-top: 6px; /* margem do topo */
font-style: italic; /* estilo da fonte */}
h3.post-title a:hover {
text-align: center;
color: #666; /* cor da fonte hover */
font-style: italic; /* estilo da fonte */ }
 → Personalizando o título da sidebar: Procure por h2 { font: $(widget.title.font); color: $(widget.title.text.color);} e substitua todo o código por:
h2 {
text-align: center;
font-family:  georgia;  /* nome da fonte  */
color: #ffcbb7; /* cor da fonte  */
font-size: 14px; /* tamanho da fonte */ 
text-transform: lowercase; /* estilo da fonte */
margin-top: 2px; /* margem do topo */
margin-bottom: 5px; padding-top: -9px;
border-bottom: 1px solid #e5ebe7; /* borda de baixo */ }


Então, isso é o básico. Veja, no blockquote abaixo alguns tutoriais que podem te ajudar:

NEGRITO, ETC, PERSONALIZADO ///  MODELOS PARA TOOLTIP /// PERSONALIZANDO O POST FOOTER. tu pode procurar vários tutos no google