Personalização de código base - layout

Lembrando que é só a personalização do código do Théo Ribeiro, os de outros design são mais complicados para iniciantes. 

Antes de qualquer coisa vamos primeiro as imagens que você irá usar. Aconselho a usar o photoshoop se você sabe como usa-ló, como eu não tenho esse programa no meu not book eu utilizo o photoscape ou o photo filtre (raramente) se você não tem nenhum desse programas, instale. e faça.

Um Header(cabeçalho do blog), com as cores, fotos e brushes e o menu da sua preferência. O tamanho deve ser de 1000x600 (EX: Clique aqui)

Um Bacnkground, com a cor de fundo que você quer no blog. tamanho a sua escolha.

Um final do post, faça mais ou menos como esse modelo aqui(Link do exemplo) no tamanho 650x188.

Imagens prontas? faça o upload no site de sua escolha, recomendo o tumblr ou no blogger mesmo.

-Header. fez seu cabeçalho? com o menu? agora famos fazer o mapeamento ok!clique aqui caso não saiba como se faz

Aperte em crtl + f e procure por:

<div style='margin-top:-40px;'/>

<div style='text-align:center; width:1024px; margin-left:auto; margin-right:auto;'>

<img alt='' border='0' height='600' id='Image-Maps_5201301060911567' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKCX-YPVtc4xODPtJexr-PBLZmdtiCCSqz62ZpAiblrcBENveo3XvJptLyJcH12RD3QxKi0g8O6vMimFMLLx6nhYOgeWBVoSMc51C_9zDba5JRhtuLfnjN0S4AxxQgst9PjhIyTv9l_4H0/s1600/RIHANNA.png' usemap='#Image-Maps_5201301060911567' width='1024'/>

<map id='_Image-Maps_5201301060911567' name='Image-Maps_5201301060911567'>

<area alt='' coords='67,15,176,93' href='' shape='rect' title=''/>

<area alt='' coords='181,18,330,96' href='' shape='rect' title=''/>

<area alt='' coords='336,18,516,96' href='' shape='rect' title=''/>

<area alt='' coords='522,19,776,97' href='' shape='rect' title=''/>

<area alt='' coords='781,17,922,95' href='' shape='rect' title=''/>

</map>

</div>

Apague e cole o código do seu image-map.

Fez o rodapé do blog? então agora procure porhttp://i.imgur.com/axnp3kt.png e troque pelo url do rodapé do seu blog.

E para mudar o background: procure por */ BACKGROUND DO BLOG */

Agora você só tem que escolher as cores, de preferência parecidas com as que você usou na imagens né? para isso clique aqui escolha as cores e mude os códigos procurando por:

Para mudar a área de post: procure por /* PERSONALIZAÇÃO DA ÁREA DE POST */

Para mudar o estilo dos títulos das postagens: procure por /* TITULO DAS POSTAGENS */

Para mudar o estilo da data de post: procure por /* DATA DOS POSTS */

Para mudar a sidebar: procure por /*PERSONALIZAÇÃO DA SIDEBAR*/

Para mudar o estilo dos títulos das sidebar's: procure por /* TITULO DA SIDEBAR */

Para mudar o estilo da barra de rolagem: procure por /*BARRA DE ROLAGEM*/

Para mudar o estilo da barra de créditos: procure por /*BARRA DE CRÉDITOS*/

Para mudar o texto da barra de créditos: procure por <div id='footer-wrapper'>

Para mudar o estilo do blockquote: procure por /*BLOCKQUOTE */

Para remover o efeito das imagens dos post's: procure por /*EFEITO NAS IMAGENS*/ e apague até o fim da mesma mensagem

Acho que é só isso mesmo gente, não é muito diferente do que já estava junto do código porque ele é realmente só isso.