Uploaded on

Guia Básico sobre Layout no Blogger

Guia Básico sobre Layout no Blogger

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,557
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
9
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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