AULA - CODIFICAÇÃO DE BLOG PARTE 1 [HEADER, FOOTER...]

Hey, amores, tudo bem? 

Então, percebi que muitas conhecidas minhas não sabem codificar um blog. 

Sim, entendo, codificar é realmente chatinho e ás vezes difícil, pois quando fazemos algo errado, todo o HTML é perdido se você não souber como correr atrás do prejuízo; e bem, é por isso que estou aqui. 

Vou tentar ensinar o máximo que eu puder e no final, darei algumas dicas de blogs, efeitos e tudo mais do que eu puder ensinar. 

Vamos começar? <3

Caso você não tenha um código base, baixe o código que eu uso AQUI

Esse código que eu estou disponibilizando, está todo limpinho, isto quer dizer, sem efeitos. 

Então, nas próximas aulas, estarei ensinando como personalizar o blog colocando tudo o que tem direto! Okay? <3

HEADER

Bem, primeiro, você tem que ter a HEADER, ela NÃO PODE ultrapassar de 1357 de largura!

Agora de tamanho, você pode fazer do qual quiser, eu prefiro tela cheia, então, recomendo 650 de tamanho. Mas isso vai de cada um. 

SIDEBAR - BARRA LATERAL - ÁREA DAS POSTAGENS

A sidebar e a área das postagens, não é algo da qual eu possa dizer um tamanho exato, pois depende do tamanho QUE VOCÊ EDITOU e tals... Assim, nesse código base, você pode tirar uma base olhando as imagens. Mas recomendo que de Largura, não passe dos 610 para as postagens e 350 para as sidebars.

Bem, de Footer, não tenho recomendações. 

PARTE 1 - INSTALANDO CÓDIGO BASE

BLOGGER.COM > SELECIONE SEU BLOG> TEMA > EDITAR HTML

- Vai aparecer isso. 

Clique dentro da caixa de código e aperte CTRL + A  para selecionar o código atual, e cole o NOVO.

Para procurar qualquer tipo de código ou palavra importantes, clique na caixa de código e aperte CTRL + F e faça suas buscas! :3

Dai, é só salvar. 

PARTE 2 - EDITANDO CÓDIGOS

Para facilitar vocês, coloquei legendas ao lado de cada código importante, então, é SÓ LER e editar o que se pede, nada mais que isso. 

Para substituir a HEADER, primeiro, vá em http://www.image-maps.com

Faça seu código, se quiser coloque links das páginas.

Pega o código e procure por MAPS e você vai achar isso aqui:

O código que está abaixo de ]]></b:skin> apague e substitua pelo código novo.

Não é pra apagar o ]]></b:skin>.

***

Para achar a parte da postagem e sidebar, procure por /* Headings

Não vou fazer tutorial de como colocar as imagens, pois já tem legendas explicando para o que serve cada uma. 

Viu? É só seguir o que eu ditei ao lado e vai dar tudo certo! 

A parte da postagem, está logo abaixo do código da Sidebar, mas se quiser achar de um jeito bem mais rápido, procure por: /* Posts

Para mudar o footer, a imagem no final do blog, procure por: </body>  e você vai achar esse código.

<center><div id='footer-wrapper'><img height='auto' src='https://i.imgur.com/Nfwqt8x.png' width='300'/><br/></div></center>

Bem, editando essas coisas, não tem muito o que fazer. 

Agora é só procurar o que quer colocar no blog, como marcadores e afins... 

Boa sorte, amores! <3

Qualquer dúvida, pergunte em nossa c-box, ou comente aqui em baixo! <3

Caso gostem, pra me motivar, comentem ai em baixo! <3