19 de junho de 2016

Estrutura em HTML5 para começar um template no Blogger

Tags

Muitas pessoas tem dúvida da estrutura correta para usar para fazer um template do ZERO no blogger, como sabemos o blogger é cheio de tags e isso pode deixar a nossa cabeça um pouco confusa mesmo.

Estrutura para começar um template no blogger

Por isso vou mostrar aqui a estrutura básica, mas bem básica mesmo de como podemos começar a criar nossos próprios templates.

Qual é a estrutura básica para template no blogger?

Como disse acima, o blogger tem várias tags que possibilitam o desenvolvimento nele. Vamos começar com a estrutura básica.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="pt-br">
     <head>
    <b:skin></b:skin><!--Aqui vai todo o CSS do seu template-->
     </head>
    <body>
    <header></header><!--Aqui você inicia a marcação do header -->
    <b:section id="main" />
    <footer></footer><!--Aqui você inicia a marcação do rodapé -->
    </body>
</html>
Bem básico né? porém com ele o blogger já vai aceitar o seu desenvolvimento. É claro que faltam adicionar várias tags ainda, além de fazer toda a marcação de SEO, mas isso não é o propósito nesse artigo.

Basicamente é isso, agora é só você mandar bala no desenvolvimento do seu template, procure pesquisar mais sobre as tags que o Blogger oferece para que você otimize seu desenvolvimento.

Se você curtiu o assunto, deixe um comentário, talvez posso criar uma video-aula de como criar um template semântico e responsivo no Blogger.

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

4 comentários

Estava doida pra saber como criar um template do zero para o blogger e você me ajudou muito. Minha dificuldade é deixar a sidebar na lateral direita. Quando eu faço o template ela fica abaixo das postagens. Você poderia me ajudar? Faz um post sobre isso!! Thanks

Olá Jheniffer, fico feliz que esse artigo te ajudou :)

Então quanto a sidebar, tem que ver como você está estruturando o html e como está aplicando o CSS..

vc tem mais sobre estrutura blogger como colocação das colunas titulos imagens

Opa! Manda ver cara, queremos um tutorial completo ;)
Muito bom o seu site o/


Abrir lista de emoticonFechar lista de emoticon