Guia Básico sobre Layout no Blogger

1. Guia Básico Layout
BLOGGER
(parte 2)
Desenvolvido por Vanessa M. Crecci (09/2008)
Desenvolvido para as professoras do Projeto TIME.
Apoio:
Fundação de Amparo ao Pesquisador de São Paulo–
FAPESP
Prefeitura Municipal de Hortolândia
Introdução
1

2. Já criamos nossos próprios blogs, estamos avançando na produção dos mesmos. Por
isso é importante conhecermos como podemos aprimorar estes espaços que nos permitem a
construção e publicação de conteúdos. Não queremos mais ser editados, queremos editar!
Toda vez que fazemos o Login no Blogger aparece uma tela que mostra as opções que
podemos realizar nesta ferramenta: Fazer uma nova postagem, Editar postagens já existentes,
configurar característica do Blog, fazer alterações no Layout ou Visualizar o Blog cada vez
que fizermos uma modificação e acharmos necessário verificar o efeito gerado.
Sempre que clicarmos em um destes links aparecerá um conjunto de “abas” que vão permitir
ajustar algum tipo de informação no Blog. Abaixo 2 exemplos de opções que serão utilizadas
neste material: Configurações e Layout.
O que é Layout?
Layout
Leiaute (ou 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.
Ou seja, uma prévia do serviço pronto antes de executado, onde se pode alterar sua
disponibilidade sem danos a nenhuma das partes envolvidas no processo (designer e cliente)
para que o serviço seja produzido de acordo com o gosto de cliente, para apenas ao término
do desenvolvimento e obtenção de aprovação, se leva a público.
O termo layout pode também configurar-se como projeto envolvendo diferentes cadeias
associativas e técnicas visuais sempre com objetivo e função.
Fonte: http://pt.wikipedia.org/wiki/Layout_gr%C3%A1fico
2

3. Layout no Blogger
Acesse ao site www.blogger.com e faça o login.
Em seguida aparecerá um painel
3

4. - No circulo a direita veja que há o link Layout, clique nele e atenção para as próximas
indicações pois aparecerá uma tela semelhante a que está ilustrada neste material. No caso
estamos utilizando o Layout do Blog da Oficina e vocês estarão visualizando o Layout do
Blog pessoal que vocês fizeram o Login.
A primeira “aba” do Layout mostrará os “elementos da página” ou seja as áreas e itens
que estão compondo o layout do Blog. As demais “abas”, que serão exploradas mais
adiante neste documento, possibilitaram mexer outros itens do layout como fontes e
cores, editar via código HTML, o escolher outro modelo.
Nosso Layout (http://timeblogando.blogspot.com)
4

5. - Observem que é a estrutura do nosso blog.
- Observem em que cada espaço há o ícone “Editar”
É importante ressaltar que sempre em vários itens do Blog há a opção “edição” o que
significa que as informações inseridas nestaferramenta podem ser editadas a qualquer
momento e modificado quantas vezes acharmos necessário.
Para modificarmos o Título e descrição do Blog acionamos a aba “Configurações” (sub-
aba: básico) que está ao lado esquerdo do Layout.
5

6. Editar Número 01
- No primeiro espaço é possível editar o nome do blog, em seguida é possível editar a
descrição do blog. Há também a possibilidade de inserir uma imagem, e editar o
posicionamento no título de tal imagem.
Editar Número 02
6

7. - Neste espaço “Gadget” é possível encontrar uma série de ferramentas que podem ser
adicionadas no blog. É importante experimentar para conhecer, há 19 páginas com estas
ferramentas apenas no ícone “noções básicas”. Clicando no sinal “+ de uma destas opções a
mesma será inserida em alguma área do layout do Blog. Se quisermos retirá-la é só clicar e
deletar o item correspondente que foi acrescido ao laytout.
Informação Relevante
- Gadget é uma gíria tecnológica recente que se refere a, genericamente, um equipamento
que tem um propósito e uma função específica, prática e útil no cotidiano. No caso do blog
verificamos diversas funções, desde ferramentas para inserir imagens, vídeos, áudios até
jogos.
Se clicarmos em “Lista de Links” aparecerá a seguinte imagem:
7

8. - Em título é possível inserir o nome da categoria em que você deseja que o blog/site esteja.
- Em “novo url do site” é preciso que você digite o endereço do blog
- Em “Novo nome do site” você coloca o título que pretende que este blog tenha.
Veja o exemplo do blog da oficina:
Editar Números 03, 04, 05, 06, 07 e 08
8

9. As figuras referentes a tais números são “Gadgets” adicionados. Você poderá editá-los
conforme suas preferências, é possível também excluí-los.
Editar Número 09
- Neste espaço é possível editar as informações dos posts tais como formato das datas das
postagens, .número de postagens que deverão aparecer na página inicial, autor e horário da
postagem etc
Editando Fontes e Cores
9

10. - Ainda trabalhando as opções da função “Layout” é possível verificar a ”aba” “Fontes e
Cores”, neste espaço é possível escolher “Cor do plano de fundo da página”, “Cor do Texto”,
“Cor do link”, “Cor do título do blog” etc.
- Neste mesmo espaço é possível verificar quais cores combinam com seu blog.
10

11. Editando HTML
No Blog também há a linguagem de programação HTML que permite a configuração
das informações no formato Web. A “aba” editar HTML da opção Layout mostrará o
código que é documenta as especificações que estão integrando o nosso layout: os
elementos de página, as cores, as fontes, os modelos utilizados. Geralmente não não há
necessidade de fazermos a edição destas informações, ou seja, descrever nossas escolhas
em código HTML.
- Em alguns sites e/ou blogs é possível verificar modelos de templates para blogs:
http://templatesparanovoblogger.blogspot.com/
http://btemplates.com/
http://www.templatesdoblogger.blogspot.com/
Neste caso você pode abaixar o que achar interessante e inserir no seu blog, no ícone
“arquivo” e depois no ícone “fazer upload”.
11

12. Editando – Escolhendo um novo modelo
12