Para dar continuidade à série “Como personalizar templates para Blogger/ Blogspot”, agora nós vamos conhecer os layouts utilizados no Blogger.
Antes de mais nada, é importante entender a diferença entre layout e template.
O layout, para fins de linguagem do Blogger, é aquela parte onde ficam os gadgets. É a estrutura do template, que compreende a disposição dos elementos de página.
![layout-blogger layout-blogger](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMUVypIWOzflJD1uT9D_ka-9bo0Vwg5Aa2aiWwWJO-mW8jyc00v_-rBW0LqGQkhK8hUKr8V-OmQzp4WqINZsb3ISs2ixLGNYiqOYbt6CtXVwwEVrv2YyWcVrDGTsMpYBTS2mmH42N7Xchp/?imgmax=800)
O layout do Blogger é dividido, basicamente, nos seguintes elementos:
![template-minima template-minima](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPhrCGSrLKS8JbEhgymxUgYaia8fM2f4ew5JsJpqhGkebqgPVsVMeZaIQX1T3qHusN926jniCjU8wtcqOsgH09GTVDGJKhTCDIMozgyvO-M-Xk2isI_FmdDGMBhHh8ghFAqcdIN2p5Tid/?imgmax=800)
Vocês devem estar se perguntando, por que é que eu estou usando o Template Mínima para exemplificar a diferença entre layout e template, correto? Simples. Porque a maioria dos templates criados por usuários nasceram do Mínima.
Os templates do Designer do Modelo foram lançados há menos de 6 meses. Eles possuem um código diferente, nem todos os recursos (hacks) funcionam neles e a personalização pode ser feita, em partes, pelo próprio painel do Blogger.
![blogger-designer-do-modelo blogger-designer-do-modelo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixD3KkfYABuSR6-OIdWVnC5G3bCDLYBtTKtXCuVldKpr0pk2C5uwOQbrIJl3kfQKYbAeEoomdocYQdA6aYdv7Ibt7jpDzsfudFGrKUdPrDGjjn03oTINIAhJkBLJRf48Iw8UgHk6DmuYtW/?imgmax=800)
Sendo assim, quando entrarmos nos posts sobre HTML e CSS, usarei sempre o código do Mínima e/ou dos meus templates para fornecer os exemplos.
Se você ainda não conhece todos os tipos de templates para o Blogger, acesse:
Além do layout padronizado pelo Mínima, podemos encontrar modelos com sidebar à direita ou dos dois lados, com menu horizontal (chamado também de linkbar), com o rodapé dividido em 2, 3 ou 4 partes e por aí vai. Opções é o que não faltam.
Na figura abaixo, vemos o atual layout do DB Templates, com o cabeçalho dividido em dois, a barra lateral dividida em 3 e o rodapé dividido em 4 partes.
![dicasblogger-templates dicasblogger-templates](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFiQgvrlEYAle-va3YsTjIuUpELqiWNT1-IuUZwxbDE0x6ccL45A0B_wM5HRUdnew4nbUb24Jr6WxUlETg1Bz9sM77MF9PtImCQewF5oWAuImmmMXFWqhrtAwnLqwVVKsagsLkNABBEVw3/?imgmax=800)
Tudo isso foi feito única e exclusivamente aplicando técnicas de CSS. Legal, né?
Antes de mais nada, é importante entender a diferença entre layout e template.
O layout, para fins de linguagem do Blogger, é aquela parte onde ficam os gadgets. É a estrutura do template, que compreende a disposição dos elementos de página.
Layout gráfico (em inglês: Page layout) é um esboço mostrando a distribuição física, tamanhos e pesos de elementos como texto, gráficos ou figuras num determinado espaço. Pode ser apenas formas rabiscadas numa folha para depois realizar o projeto ou pode ser o projeto em fase de desenvolvimento. Fonte: WikipediaVejam como é o layout do famoso Template Mínima, criado por Douglas Bowman:
O layout do Blogger é dividido, basicamente, nos seguintes elementos:
- navbar: barra de navegação
- cabeçalho: é onde fica o título do blog (header, em inglês)
- área dos posts
- barra lateral: barra que pode ficar à direita ou à esquerda ( sidebar, em inglês)
- rodapé: área final (footer, em inglês)
Vocês devem estar se perguntando, por que é que eu estou usando o Template Mínima para exemplificar a diferença entre layout e template, correto? Simples. Porque a maioria dos templates criados por usuários nasceram do Mínima.
Os templates do Designer do Modelo foram lançados há menos de 6 meses. Eles possuem um código diferente, nem todos os recursos (hacks) funcionam neles e a personalização pode ser feita, em partes, pelo próprio painel do Blogger.
Sendo assim, quando entrarmos nos posts sobre HTML e CSS, usarei sempre o código do Mínima e/ou dos meus templates para fornecer os exemplos.
Se você ainda não conhece todos os tipos de templates para o Blogger, acesse:
Além do layout padronizado pelo Mínima, podemos encontrar modelos com sidebar à direita ou dos dois lados, com menu horizontal (chamado também de linkbar), com o rodapé dividido em 2, 3 ou 4 partes e por aí vai. Opções é o que não faltam.
Na figura abaixo, vemos o atual layout do DB Templates, com o cabeçalho dividido em dois, a barra lateral dividida em 3 e o rodapé dividido em 4 partes.
Tudo isso foi feito única e exclusivamente aplicando técnicas de CSS. Legal, né?
Apesar de conhecer essa diferença entre layout e template eu tenho a triste mania de usar os dois quase como se fossem sinônimos. Preciso parar com isso :X
ResponderExcluirvocês sao genios!
ResponderExcluiracessem : www.tutoriaistop.blogspot.com