O documento fornece instruções sobre como personalizar o layout de um blog no Blogger, explicando:
1) Como acessar as opções de layout e editar elementos como título, descrição e gadgets;
2) Como alterar fontes e cores do blog;
3) Como editar o código HTML do layout.
Manual do Editor: WordPress 2.9, criado e disponibilizado gratuitamente por Rafael Faracy.
Segundo o autor, "este manual foi desenvolvido para explicar as funcionalidades básicas de gerenciamento do WordPress, sendo dividido em 7 capítulos. Você deve ter percebido que o sistema gerenciador de conteúdos oferece muitas opções no menu principal, porém com este manual acreditamos que o aprendizado será facilitado"
Manual do Editor: WordPress 2.9, criado e disponibilizado gratuitamente por Rafael Faracy.
Segundo o autor, "este manual foi desenvolvido para explicar as funcionalidades básicas de gerenciamento do WordPress, sendo dividido em 7 capítulos. Você deve ter percebido que o sistema gerenciador de conteúdos oferece muitas opções no menu principal, porém com este manual acreditamos que o aprendizado será facilitado"
Com suas ferramentas de design de fácil utilização, o Microsoft
®
Publisher 2010 proporciona a
capacidade de criar, imprimir e compartilhar materiais de marketing e publicações com
qualidade profissional.
O Wordpress é uma plataforma semântica de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade que a Agência Pomar utiliza em projetos de Marketing digital.
Em outras palavras, o Wordpress é o que você usa quando você quer trabalhar e não lutar com seu software de publicação de blogs. O Wordpress é o sistema que provê a interface de gerenciamento do blog, desde a aparência da página principal até o painel de gerenciamento. Sem ele, o trabalho de inserir uma simples postagem no blog seria extremamente trabalhoso para o autor e para o desenvolvedor web principalmente. tal interface é a mais simples entre as plataformas de blog, o que justifica a sua escolha.
Resumindo, o Wordpress torna possível que qualquer usuário publique conteúdo sem necessidade de conhecimento técnico.
dentre as características desta plataforma, pode-se destacar:
• Gerenciamento de usuários com hierarquia
• Interface gráfica completamente personalizável
• Possibilidade de adição de plugins para novas funcionalidades
• Facilidade de utilização do painel de gerenciamento para usuários leigos
• Disponibilidade em Português-brasil
Com suas ferramentas de design de fácil utilização, o Microsoft
®
Publisher 2010 proporciona a
capacidade de criar, imprimir e compartilhar materiais de marketing e publicações com
qualidade profissional.
O Wordpress é uma plataforma semântica de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade que a Agência Pomar utiliza em projetos de Marketing digital.
Em outras palavras, o Wordpress é o que você usa quando você quer trabalhar e não lutar com seu software de publicação de blogs. O Wordpress é o sistema que provê a interface de gerenciamento do blog, desde a aparência da página principal até o painel de gerenciamento. Sem ele, o trabalho de inserir uma simples postagem no blog seria extremamente trabalhoso para o autor e para o desenvolvedor web principalmente. tal interface é a mais simples entre as plataformas de blog, o que justifica a sua escolha.
Resumindo, o Wordpress torna possível que qualquer usuário publique conteúdo sem necessidade de conhecimento técnico.
dentre as características desta plataforma, pode-se destacar:
• Gerenciamento de usuários com hierarquia
• Interface gráfica completamente personalizável
• Possibilidade de adição de plugins para novas funcionalidades
• Facilidade de utilização do painel de gerenciamento para usuários leigos
• Disponibilidade em Português-brasil
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, possibilitarão mexer outros itens do layout como fontes e
cores, editar via código HTML ou 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 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