O documento fornece instruções passo-a-passo para criar um blog no Blogger e personalizá-lo com recursos como relógio e slideshow, explicando como adicionar esses elementos ao layout do blog.
1
CRIANDO UM BLOG
O que é um Blog? É um local (site) onde podemos postar (publicar) o que desejarmos.
Podemos nos valer de várias mídias (vídeos, fotos, músicas, texto, links para sites da internet) para
a criação do blog. Atualmente é possível usar ferramentas disponíveis em sites de criação e edição
de blogs sem termos o conhecimento de “HTML”.
O que é HTML (HyperText Markup Language)? É um conjunto de códigos aplicados a um texto ou
a dados que podem ser interpretados por sites de navegação.
1) Acessar o site www.blogger.com.
2) Se você não possui uma conta de e-mail, crie uma.
3) Usando esta conta de e-mail preencha os campos nome do usuário (1) e senha (2), para
confirmar clique no botão “login” (3).
1 2
3
4
IMPORTANTE: deixe o campo “Lembrar meus dados” DESMARCADO (4).
4) Crie um nome para o Blog
5) Endereço que deseja para o blog.
6) Se o endereço escolhido estiver disponível, faça a verificação das palavras solicitadas na caixa
abaixo, caso contrário, deve escolher outro endereço que esteja disponível e depois clique em
.
7) Escolha um modelo.
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
2.
2
8) Depois deescolher o modelo clique em .
9)
10) Clique em “começar a usar o blog”.
11) Esta é a estrutura do seu blog. Área reservada para: título (1), publicações (2), adicionar um
gadget (3).
1
3
2
O que é Gadget? É algum pequeno software, pequeno módulo, ferramenta ou serviço que pode ser
agregado a um ambiente maior, no nosso blog usamos para mostrar listas de blogs, seguidores,
apresentação de slides, links de inscrição, enquetes, links para outros sites, imagens, hora,
HTML/JavaScript e vários outros.
EDITANDO LAYOUT DO BLOG
Inserindo links: clicar em “adicionar um gadget” , na aba “Noções básicas”
procurar na lista o item “Lista de links” e clicar,
abrirá a caixa de diálogo que segue. Escreva um título (1), o endereço do link que deseja ser
acessado através do seu blog (2), o nome do site (3), clique no botão “ADICIONAR LINK”(4), pode-
se inserir vários sites antes de clicar no botão SALVAR (5).
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
3.
3
1
2
3
4
5
Adicionando relógio:
1) Acessar o site www.clocklink.com.
2) Escolha a opção “gallery” para escolher os modelos: digital, analógico, em forma de animal ou
outro.
3) Depois de escolher o modelo, clique em "view html" , embaixo do relógio, abrirá uma
nova janela.
4) Para seguir adiante, aceite os termos clicando em .
5) Escolher a cor (1), a hora do Brasil (2), o tamanho (2) e o formato da data(4).
1
2
3
4
6) Selecione (clique no botão esquerdo do mouse no início do código, segure e arraste até o final do
código) o código HTML que está à disposição, pressione as teclas Ctrl+C ao mesmo tempo para
copiar o referido código.
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
4.
4
7) Minimize a tela que está aberta.
8) Agora acesse o site www.blogger.com coloque seu usuário e senha.
9) Clique na aba "layout" .
10) Aqui você poderá adicionar e organizar elementos da página.
11) Clique em “Adicionar um Gadget”. .
12) Clique na aba , role a tela, encontre e escolha a opção "HTML/Java Script" (1).
1
13) Na caixa de diálogo “Configurar HTML/JavaScript” (1), clique no campo “Título” (2) (o cursor
ficará piscando), então escreva um título (se desejar), clique no campo “Conteúdo” (3) (o cursor
ficará piscando), pressione as teclas Ctrl+V ao mesmo tempo e o código HTML que você tinha
copiado do site www.clocklink.com será colado.
1
2
3
14) Clicar em e seu relógio vai estar no blog.
Adicionando um Slide Show:
1) Acesse o site http://www.slide.com/
2) Escolha a opção .
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
5.
5
3) Para inseriras imagens que devem aparecer na apresentação de slides clique em
, abrirá a caixa de diálogo Abrir, indique o local onde estão as imagens (1),
4) Você pode escolher , tipos de entradas dos slides ,
inserir música e outros estilos quando as imagens são exibidas .
Adicionando relógio no seu blog
1) Acessar o site www.clocklink.com.
2) Escolha a opção “gallery” para escolher os modelos: digital, analógico, em forma de animal ou
outro.
3) Depois de escolher o modelo, clique em "view html" , embaixo do relógio, abrirá uma
nova janela.
4) Para seguir adiante, aceite os termos clicando em .
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
6.
6
5) Escolher a cor (1), a hora do Brasil (2), o tamanho (2) e o formato da data(4).
1
2
3
4
6) Selecione (clique no botão esquerdo do mouse no início do código, segure e arraste até o final do
código) o código HTML que está à disposição, pressione as teclas Ctrl+C ao mesmo tempo para
copiar o referido código.
7) Minimize a tela que está aberta.
8) Agora acesse o site www.blogger.com coloque seu usuário e senha.
9) Clique na aba "layout" .
10) Aqui você poderá adicionar e organizar elementos da página.
11) Clique em “Adicionar um Gadget”. .
12) Clique na aba , role a tela, encontre e escolha a opção "HTML/Java Script" (1).
1
13) Na caixa de diálogo “Configurar HTML/JavaScript” (1), clique no campo “Título” (2) (o cursor
ficará piscando), então escreva um título (se desejar), clique no campo “Conteúdo” (3) (o cursor
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html
7.
7
ficará piscando), pressione as teclas Ctrl+V ao mesmo tempo e o código HTML que você tinha
copiado do site www.clocklink.com será colado.
1
2
3
14) Clicar em e seu relógio vai estar no blog.
Organizado por Multiplicadores do NTE/6ª CRE Santa Cruz do Sul
Fonte: www.blogger.com e http://pt.wikipedia.org/wiki/Html