Layout: Dicas de Onde Encontrar Tutoriais - Parte 1

Para quem prefere criar o seu próprio Layout há diversos tutorias espalhados pela internet que podem oferecer ajuda para os iniciantes e não iniciantes, fazia algum tempo que pretendia criar um Post com diversas dicas não somente para os leitores, mas para que eu possa ter reunido em único lugar todos os tutoriais que já utilizei e que pretendo utilizar nos Layouts futuros, após receber um e-mail de uma leitora me perguntando como personalizo o visual do Blog, resolvi adiantar este Post e cá estamos. 

Esclarecendo:  Layout é nada menos que o visual do Blog, já o Template traz toda a estrutura por traz desse visual, ou seja o HTML (aqueles códigos que faz qualquer SITE/BLOG funcionar), a base de códigos que utilizo aqui no Blog é o Template Miníma (download AQUI), e modifico as partes que quero visualmente mudar, ou seja - IMPORTANTE - todos os tutoriais que irei indicar foi testado somente nesse MODELO DE TEMPLANTE. 
Como começar? O site Mundo Blogger  trás uma série de tutoriais que ensina desde de como fazer um blog, aprendendo o básico do templante há como utilizar os códigos HTML e CSS (AQUI), então vale apena dar uma procurada e encontrar o que especificamente você deseja mudar ou incrementar no seu BLOG.                                              Editando e personalizando o Template Miníma: O Blog Camila's Designs fez um Big tutorial ensinando passo a passo de como fazer um templante mudando os principais pontos básicos e o melhor ela explica de uma forma clara e concisa: 
- Como Fazer Templates - Parte 1 - Como Fazer Templates - Parte 2 - Como Fazer Templates - Parte 3 - Como Fazer Templates - Parte 4 - Como Fazer Templates - Parte 5 - Como Fazer Templates - Parte 6
- Como Fazer um Templante: Design e Codificação - INTRO. - Como Fazer um Templante: Design e Codificação - Parte 1 - Como Fazer um Templante: Design e Codificação - Parte 2
Os programas principais que utilizo são o  Photoscape que tem uma interface simples e de fácil acesso e o Photoshop Online (só não instalei no computador porque o programa acaba sendo mais pesado do que o Photoscape, e passa a maior parte do tempo travando então quando encontrei esse programa online acabou os meus problemas, não tem as mesmas opções do instalado, mas oferece opções que para mim são mais importantes como Varinha Mágica e Borracha) 

Criando o Cabeçalho do Blog: O Blog ChocoLovers tem um Big Tutorial ensinando como criar um cabeçalho pelo Photoscape e logo ao final do post tem extras de PNG para lá de fofos que podem ser utilizado na criação do seu cabeçalho, além disso a milhares de frames (molduras de imagens) disponíveis gratuitamente no Freepik. 
- Big Tutorial: Como Fazer um Cabeçalho para o Seu Blog

Menu Dentro do Cabeçalho (Mapeamento de Imagem): Sabe o menu que estou utilizando logo abaixo do nome do Blog no cabeçalho, pois é ele foi feito através de um mapeamento utilizando o image-maps e no Blog Coisas de Aléxia ela explica passo a passo de como utiliza-lo. 
- Como Mapear uma Imagem 

Galeria de Postagens Recentes Abaixo do Cabeçalho: Esse menu dá acesso aos posts mais recentes do Blog, causando uma interação com seu leitor e ao mesmo tempo modificando visualmente o seu Layout, além de ser bem popular entre os Blogs, encontrei diversos tutorias ensinando e não me recordo qual deles eu cheguei a usar, mais todos são bem parecidos:
- Galeria de Postagens Recentes com Exibição Horizontal
- Tutorial: Galeria de Post Recentes Abaixo do Cabeçalho

Personalizando o Título da Postagem: Modificando fontes e acrescentando estilos.
- Tutorial Camila's Designs
- Tutorial do Jackie Dream

Instalando Fontes:  No Blog e Computador
- Tutorial Tec Mundo: Instalando Novos Tipos de Letras (Fontes) (Computador)
- Tutorial Papo Garota: Como Usar Fontes Diferentes no Blog

Configurando a Data das Postagens: A diversas maneiras de personaliza-la, colocando abaixo do título da postagem como está o meu, ou colocando ao lado em formato de calendário com um background de fundo. 
- Julie de Batom: #COMOFAZ: Data ao Lado do Título
- Mundo Blogger: Data das Postagens: abaixo do Título da Post

Personalizando o Título do Gadgets: Modificando fontes ou acrescentando uma Imagem.
- Tutorial do Jackie Dream (Fonte e Background)
- Tutorial Elaine Gaspareto (Fonte, Background e Extras) 

Tentei reuni o máximo de informações que consegui (vai ter Parte 2 com outros tutoriais), dúvidas acabam sempre surgindo, provavelmente alguns desses tutoriais não vão funcionar em alguns modelos de templantes, mais é só uma questão de pesquisar e encontrar o que mais adequar, tem códigos que precisam ser editados e por isso tenha um 'Blog Teste' como auxílio, por que se pelo menos não der certo, não é o Layout do seu Blog mesmo que vai sair prejudicado (então IMPORTANTE sempre ou pelo menos na maioria das vezes teste os códigos dos tutoriais em um Blog Teste para ver se vai funcionar, edite o que for necessário para depois já confirmado que vai dar tudo certo, passar para o seu Layout original).