Elaborando um Layout 1

No ultimo post 'que vocês podem ver clicando aqui (www)' Eu falei sobre o Primeiro Passo pra criação ou modificação de um layout Depois de terem criado o BLOG TESTE , no próprio vamos começar a fazer ou modificar o layout. (Aline posso fazer isso no meu próprio blog?) "Pode! nada te impede porem se der algum erro e você não conseguir concertar você terá que voltar a estaca ZERO no seu blog" (sabe aquela chatinha de começar a fazer tudo?)

Antes só um recadinho: 'Pra não ficar bagunçado ainda mais agora com a LINDA DA JANAINA Postando aqui no PP...(TODA SEGUNDA e SEXTA Feira EU VENHO COM TUTORIAIS) Isso inclui o "Elaborando seu Layout"...

Vamos lá, chega de conversa fiada...
Após terem escolhido o modelo VIAGEM, haverá  4 opções pra vocês escolherem, Então escolham o 'Modelo Travel' Azul e Branco (Aline posso escolher os outros em vez do azul e branco?)'Poder pode, mais não agora vamos focar no modelo Azul e Branco que é o que vamos trabalhar e eu achei mais fácil!'

Após escolherem criem uma postagem com Título de TESTE e como conteúdo escrevam qualquer coisa! Assim como eu fiz abaixo..
Estará assim :

Bom.. Agora sim vamos chegar na parte legal! (click em continuar Lendo pra ver o resto das postagens)




Conhecendo a estrutura de um Layout!
Um Layout é feito por códigos chamados Html e Xml , e toda essa parte que você estão vendo são feita por esses códigos e é o que precisamos saber (Ooooh Não me diga Aline...)

Em fim a Parte onde esta o Título do Blog (Modelo Teste PP) É o Chamado Cabeçalho do Blog e Levando para o nosso querido Xml/Html é o chamado "Header" #header: 'é a área do cabeçalho (título, descrição e banner do blog)' No caso o meu só esta o Título eu não quis botar descrição!

Abaixo do Cabeçalho/Header 
Vem a tag #Body (Na Linguagem Html/Xml) Body é a área onde estão localizados os posts (data, título, postagem), comentários e links de navegação (assinar postagem (atom), postagens recentes, postagens antigas e início). "O chamado Corpo do Blog" uma das áreas principais que vai conter todo conteúdo

Do lado Direito Onde Esta Escrito "Arquivo do Blog" onde tem a minha Foto São as chamadas "SIDEBAR"(na Linguagem Html/Xml) Popularmente como 'Barra Lateral', onde encontramos o perfil do autor e os principais widgets do blog (arquivo, marcadores, caixa de seguidores, etc).


E por Ultimo Temos o Rodapé! Na Linguagem Html/Xml o #Footer onde estão localizados os créditos e até mesmo, widgets.

A Parte com Imagem é azul com o avião e nuvens é chamado de BACKGROUND o qual você pode colocar em vários lugares!

Eu sei que isso é super chato....
Porem, agora vamos pra parte de personalização, e aprender o que é  uma Sidebar, uma Header, um Footer, e um Body é fundamental pra quem quer mexer com o HTML!
Então Gravem Bem o que significar cada Um pra quando forem editar o Html, o HTML são apenas palavras números letras e símbolos, sem imagem e nada, e a única coisa que vai ajudar vocês a saber se estão fazendo o Certo são essas 4 Partes (Sidebar, Header, Footer, Body)

No próximo Post Já vamos começar a mexer no códigos porem vou Trazer Um Material pra vocês personalizarem o blog de vocês

Bjs ! Até a Próxima