1) O documento fornece instruções para a criação de um blog no Blogger e a adição de elementos como música, texto animado e relógio. 2) Inclui dicas para alterar cores, fontes e templates do blog, além de sites para encontrar acessórios. 3) Fornece passo-a-passo detalhado para inserir vídeos do YouTube no blog educacional.

1. Estamos em Obras!!
Web 1 x Web 2 – imagem google

2. Estamos em Obras!!
Construindo o conceito de web 2.0

3. A Cibercultura e o Cirberespaço – Pierre Levy – (c.f. Alex Primo, 2009, o.p. Cappa)

4. Como criar um blog
no blogspot
Entre no endereço:
http://www.blogger.com
Mesmo que você já tenha um blog, vai criar
um novo, para o nosso curso de web 2.0!!!

5. Estamos em Obras!!
Possibilidades Pedagógicas na utilização de blogs na educação (c.f. Cappa, 2010)

6. Clique
aqui

7. PREENCHER TODOS OS CAMPOS

8. Após ter criado seu blog, Envie um email com o endereço do blog para:
nrtecampoeste@gmail.com
Seu blog será disponibilizado na página
http://decampinasoeste.edunet.sp.gov.br/links_outras_diretorias/pagina_inicial_links_escolas.htm

9. Entre no Modelo (Layout) do seu blog e clique na
aba elementos da página.
Na barra lateral (ou no rodapé, se seu blog não
tem barra lateral), clique em Adicionar um
elemento de página. Na janela que aparecer,
procure o item Adicionar Lista de Links. Clique em
Adicionar ao Blog.

10. Alterando as cores e as fontes do seu blog
Entre no Modelo (Layout) do seu blog de testes e
clique na aba Fontes e Cores:
No lado esquerdo você seleciona o item que deseja alterar.
Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes
opções:
cores do seu blog - caso queira repetir alguma
cores que combinam com as cores do seu blog - uma sugestão de cores.
mais cores - ampliando as opções de escolha
editar código - para especificar uma determinada cor a partir de uma tabela
de cores.

11. FERRAMENTAS PARA BLOGS
Para utilizar estes recursos que vamos apresentar, depois que
escolher a ferramenta que quiser, faça o seguinte:
No blogger: Entre no layout do seu blog –elementos da página-
adicionar um elemento de página –adicionar funcionalidades de
terceiros. Quando abrir, no quadro grande, cola todo o código
copiado e salva.
PARA COLOCAR SOM NO SEU BLOG
Primeiro você deve procurar uma música na Web Sugestão de site:
www.midinet.com.br Depois que você escolheu a música, clique
com o botão direito do mouse e copie o endereço.
Esse endereço é colocado depois de "src=“ dentro da seguinte tag:
<embed src=aqui vai o endereço da música escolhida width=70
height=25 type=audio/mid autostart="true"> </embed>

12. PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG:
<marquee scrollAmount=1 direction=up width=200
height=60><center><font face="Verdana, Arial, Helvetica, sans-
serif" color=#cc0099 size=1> coloque seu texto aqui
</font></center></marquee>
OU <marquee><font color="BLUE" size="4"><strong>aqui vai
sua mensagem</strong></font></marquee>
RELÓGIO:Para você colocar um relógio legal no seu blog: acesse o
endereço http://www.clocklink.com Escolha um relógio de seu gosto na
galeria (galeery) clique em "view HTML tag" e clique em "accept"
Escolha a cor desejada e em "TimeZone" escolha GMT - 03:00 e em
Size o tamanho do relógio. Então copie e cole a (a que aparece
primeiro) tag gerada em seu blog.

13. CORES NO TEXTO
Que tal mudar as cores da fonte em alguns textos?
<FONT COLOR = "#FF0000">Um texto vermelho. </FONT>
Resultado: um texto vermelho.
<FONT COLOR = "#0000FF"> Texto azul </FONT>.
Você pode substituir as cores, trocando o código "#0000FF" (azul) pelo
"#FF0000" (vermelho), por exemplo. Estes são os códigos mais comuns, mas
você encontra vários na internet:
Código de Cores
Azul =“#0000ff#”
Verde =“#008000#”
Amarelo =“#ffff00 #”
Vermelho =“#ff0000#”
Rosa =“#ff00ff#”
Branco =“#ffffff#”
Preto =“#000000#”

14. DICAS DE SITES PARA ACHAR TEMPLATES E ACESSÓRIOS PARA
INCREMENTAR SEU BLOG
http://www.maisblog.com/
http://www.brumaximus.blogger.com.br/ http://www.blogs.com.br/dicas/
http://www.b-log.net/guiablog/
http://www.tudoparablogs.com/ http://www.templatesbymarina.blogger.com.br/
http://comunidadeblogueira.blog.uol.com.br http://www.templatesbywallace.cjb.net/
http://www.cuteblognho_coisinhasfofas.blogger.com.br/
http://www.coisasfowfax.blogger.com.br/ http://www.scriptsuniverse.hpg.ig.com.br/
http://www.cutecolors.com/
Criar um slide show
http://www.slide.com/

15. Como inserir vídeo doComo inserir vídeo do
youtube no blog educacionalyoutube no blog educacional
DicasDicas

16. Passo 1
• No YouTube, localize o vídeo que você
deseja inserir.

17. Passo 2
• Copie (Ctrl+C) o texto que está na caixa
“Embed”.

18. Passo 3
• Abra o Bloco de Notas (Notepad) e cole
(Ctrl+V) o conteúdo copiado no Passo 2.

19. Passo 4
• Grave o arquivo com extensão “.html”. Ex:
video.html. Certifique-se de que na opção
“Salvar arquivo como” esteja selecionada a
opção “Todos os arquivos”.

20. Passo 5
• Abra o arquivo gravado. Você irá ver o vídeo
selecionado do seu navegador (Internet
Explorer, Mozilla).

21. Passo 6
• Selecione todo o conteúdo da página (Ctrl+A)
e o copie (Ctrl+C).

22. Passo 7
• Cole (Ctrl+V) o
conteúdo copiado no
Passo 6 dentro da
caixa de texto do
editor do post.
• Digite um espaço para
ter, pelo menos, um
caractere na caixa de
texto.
• Se necessário, ajuste
o tamanho do vídeo
para caber na área
reservada ao post.

23. Passo 8
• Salve o post e o
visualize no seu
blog.

24. E mais...
• O mesmo procedimento pode ser utilizado para a inserir
músicas (sugestão: Mp3Tube), apresentações
(sugestão: SlideShare) ou qualquer outro objeto
multimídia que tenha um campo EMBED.