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

1

Introdução

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.

2

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

Layout no Blogger

Acesse ao site www.blogger.com e faça o login.

Em seguida aparecerá um painel

3

- 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

- 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 nesta ferramenta podem ser editadas a qualquer momento e modificado quantas vezes acharmos necessário.

5

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.

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.

6

Editar Número 02

- 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.

7

Se clicarmos em “Lista de Links” aparecerá a seguinte imagem:

- 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:

8

Editar Números 03, 04, 05, 06, 07 e 08

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

9

Editando Fontes e Cores

- 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

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

Editando – Escolhendo um novo modelo

12