A Estrutura De Um Modelo Do Blogger
Autor: Neusa Rodrigues | Publicado: 2011-09-04T20:26:00-07:00



O tutorial original sobre essa matéria, foi publicado site&nbsp;OurBloggerTtemplates. Fiz resumo para compartilhar com vocês e recomendo que visitem o site, que oferece tradução automática clicando na bandeira no topo da página.
Conhecendo a estrutura básica, você pode facilmente obter&nbsp; idéias de como adaptar aos modelos existentes, um modelo de design, e como transformá-lo em uma estrutura diferente. Veja um exemplo de modelo muito comum:


Entendendo os blocos contentores:
Body&nbsp;: É o corpo de seu modelo (basicamente tudo o que cobre a tela do computador).

Outer-wrapper&nbsp;: Aquí demarcado pela cor cinza, é o espaço que abrange todo o modelo. Dentro dele você constrói blocos menores. Neste exemplo&nbsp; de Outer-wrapper,&nbsp; estão o&nbsp;cabeçalho&nbsp;(header),&nbsp;conteúdo&nbsp;(main, post e sidebar) e&nbsp;rodapé.

Header&nbsp;:&nbsp; Este bloco é o cabeçalho do seu blog&nbsp; e&nbsp; dentro do cabeçalho, você tem outros sub-blocos -&nbsp;Header Title&nbsp;(título),&nbsp;Header Description&nbsp;(descrição), e outros, como os banners do Adsense, uma barra de menu, etc. Então, para conter o header e os sub-blocos&nbsp; cria-se&nbsp; geralmente um&nbsp;Header-wrapper&nbsp;que divide tudo dentro.

Content&nbsp;:&nbsp; é todo o conteúdo abaixo do cabeçalho é o&nbsp;content-wrapper&nbsp;- basicamente o bloco recipiente mais importante de todos. Dentro desse espaço estão os recipientes&nbsp;Sidebar&nbsp;(1,2 ou qualquer número de barras laterais) e no recipiente principal (que contém as suas mensagens, comentários ou alguns anúncios).

Footer&nbsp;: Como na seção de cabeçalho, você também precisará de um footer-wrapper para conter outros sub-blocos na seção de rodapé.
Main&nbsp;:&nbsp;&nbsp;Main-wrapper&nbsp; é o espaço&nbsp; externo na secção principal que vai dentro de content-wrapper. Dentro deste main-wrapper são os blocos de Post, bloco de comentário, Data Cabeçalho e outros widgets criados a partir da opção “Adicionar Gadget” .

Sidebar&nbsp;: é o bloco que contém todos os widgets laterais, ex: About Me, Etiquetas, Arquivo, Texto, HTML, Adsense, etc . Em um modelo padrão do Blogger, você encontrará geralmente só 1 lateral - daí a coluna 2-modelo (principal e Sidebar). Depois de entender a estrutura, é realmente fácil de adicionar&nbsp; outras colunas (sidebars) Há vários tutoriais que ensinam esse procedimento. Os modelos mais comuns tem&nbsp; 2 ou 3-colunas laretrais (como o modelo) .
&nbsp;
Blog Post&nbsp;: Este bloco contém as coisas importantes - o seu Posts Títulos, Post, Author Post, rótulos, etc
Uma outra maneira de ver como funciona essa estrutura, é do ponto de vista hierárquico a partir do maior “recipiente”:

Body
Outer-wrapper

Header-wrapper
Blog Title
Blog Description
Outer widgets


Content-wrapper
Sidebar-wrapper (1,2,3...)
Main-wrapper

Date Header
Posts
Post Title
Post Content (o cale Post Body)
Post Footer (Author, Labels, etc)


Comments
Feed Link
Other widgets (mostly ad units)

Footer-wrapper
Footer text (avisos, direitos autorais, etc)
Outras widgets

Depois de compreender essa estrutura básica, será mais fácil&nbsp; aprender sobre os códigos do Blogger.. O surpreendente é que mesmo com pouco conhecimento em programação web, você pode personalizar seu modelo&nbsp; apenas pela compreensão da estrutura básica e algum conhecimento de linguagem HTML e CSS. Procure aprender e não tenha medo de se aventurar! Faça um blog de testes e vá fundo!
Referência:&nbsp;http://blogger-dicasmamanunes.blogspot.com