Tutorial do blog do PIBID UNEAL Geografia Campus I

1. Acesse o endereço https://www.google.com.br/ e clique em
Fazer login.

2. Digite o e-mail e depois clique em Próxima.

3. Digite a senha e clique em Próxima.

Agora você já está dentro do sistema do blog.
4. Para acessar o blog, clique em Aplicativos (quadradinhos)
e procure a opção Blogger.

Ao entrar no Blogger, você vai observar uma lista de
informações (postagens) que já foram publicadas.
5. Para publicar um trabalho, clique em Nova Postagem.

6. Coloque o título do trabalho.
Para a informação do trabalho ficar formatada é necessário
digitá-la e organizá-la no Microsoft Office Word. Para tanto,
deve minimizar o navegador de internet e abrir o Word.

7. Abra o programa Microsoft Office Word.

8. Altere o layout do programa para Web.

9. Digite a informação a ser publicada no blog.

10. Formate a informação. Coloque a Fonte Arial, tamanho 13,
espaçamento de 1,5, recuo da primeira linda de cada parágrafo
de 1,5 cm.

11. O último parágrafo contém informações sobre os autores,
data de publicação e atualização (alteração), além de uma
mensagem final. Para colocar essas informações dentro de
uma tabela, selecione esse parágrafo, clique em Inserir,
Tabela e depois em Converter Texto em Tabela.

12. Na janela seguinte clique em Ok.

13. Clique dentro da tabela, depois em Layout (Ferramentas da
Tabela), AutoAjuste e em AutoAjuste de Janela.

14. Para modificar a cor da tabela, clique em Design
(Ferramentas da Tabela), Sombreamento e clique sobre a cor
desejada (recomenda-se a cor cinza claro).

15. Em seguida, selecione e copie o texto formatado no Word e
retorne ao Blogger para colar a informação selecionada.
Atenção: não insira imagens no Word, as imagens devem ser
inseridas apenas no Blogger.

Sugestão: você pode baixar um arquivo do Word com o
modelo das informações do blog, para tanto, entre no blog do
PIBID/UNEAL/Geografia, clique em Ajuda e depois em Modelo
de página do blog.

16. Retorne a página do Blogger que estava minimizada e cole
as informações copiadas no Word.
Atenção: observe se a guia Escrever está selecionada (mais
escura).

Geralmente são colocadas duas imagens: uma com a
informação do evento que o trabalho foi apresentado e outra
com a função de visualização do trabalho completo.
17. Para colocar a imagem sobre o evento, faça uma linha em
branco no começo da informação, deixe o cursor nessa linha e
clique em Inserir imagem.

18. Na janela seguinte, clique em Escolher arquivos.

19. Selecione a imagem sobre o evento e clique em Abrir.

20. Após carregar a imagem, selecione ela (vai ficar com uma
borda azul) e depois clique em Adicionar selecionados.

21. Ajuste o tamanho da imagem (nesse caso, foi escolhido o
tamanho original) e depois clique em Link para remover o link
original da imagem.

Abaixo está o resultado da imagem inserida no Blogger. Porém,
como elaborar uma imagem que possa ter as informações do
evento que o trabalho foi apresentado?
Na realidade, essa imagem é salva do site do próprio evento.

Primeiro coloque em uma parte do site com as informações do
evento, depois clique no Menu Iniciar do seu computador e
pesquise pelo nome Captura, então vai aparecer o programa
Ferramenta de Captura, clique sobre ele.

Clique em Novo.
Atenção: verifique na seta ao lado do nome “Novo” se a opção
selecionada é Captura retangular.

Selecione a área desejada para a imagem e depois salve o
arquivo gerado.
Atenção: a imagem desse exemplo está diferente da imagem
original, porque o site do evento retirou a imagem original com
as informações.

Sugestão: você pode baixar um arquivo do PhotoShop com um
modelo de imagem sobre as informações do evento, para tanto,
entre no blog do PIBID/UNEAL/Geografia, clique em Ajuda e
depois em Modelo de imagem sobre informação de evento.

22. No final da informação (antes da tabela), insira a imagem
com a função de visualização do trabalho completo.

Para obter a imagem com a função de visualização do trabalho
completo, entre no blog do PIBID/UNEAL/Geografia, clique em
Ajuda e depois em Modelo de imagem sobre visualização de
trabalhos.

23. Para adicionar a função de visualização do trabalho
completo na imagem, abra uma nova guia no navegador de
internet.

24. Na guia recém-aberta acesse o endereço eletrônico
https://www.google.com.br/, clique em Aplicativos (nos
quadradinhos) e procure a opção Sites.

25. Clique sobre o item PIBID Geografia Campus I.

26. Clique sobre uma das opções do quadro “Acesse” (pode
ser qualquer opção).

27. Clique em Adicionar arquivo.

28. Selecione o arquivo do trabalho completo (como o Anais do
evento) e clique em Abrir.

29. Após o carregamento do arquivo com o trabalho completo,
clique com o botão direito do mouse sobre o nome Download
correspondente ao arquivo carregado. Na lista aberta pelo
botão direito do mouse, escolha a opção Copiar endereço do
link.

30. Retorne a guia do Blogger (pode fechar as demais guias
que são equivalentes ao Sites do Goggle).

31. Selecione a imagem e clique em Link.

32. Na janela seguinte, clique com o botão direito do mouse
dentro do campo Endereço da web e escolha a opção Colar.

33. Depois de colar o link, então clique em Ok.

34. Para inserir um link para o site do evento que o trabalho foi
apresentado, abra uma nova guia e pesquise pelo site do
evento.

35. Acesse o site do evento, selecione o endereço do site e
clique sobre a área selecionada com o botão direito do mouse,
na lista seguinte escolha a opção Copiar. Em seguida, retorne
a guia do Blogger e pode fechar a guia do site do evento.

36. Na guia do Blogger, selecione a imagem sobre o evento e
clique em Link.

37. Na janela seguinte, clique com o botão direito do mouse
dentro do campo “Endereço da web” e escolha a opção Colar.
Por fim, clique em Ok.

Você também pode inserir os slides de uma apresentação, aula
ou de um álbum de fotos.
38. Para inserir os slides, primeiro abra uma nova guia no
navegador de internet, acesse o endereço eletrônico
https://pt.slideshare.net/ e clique em Entrar.

39. Insira o e-mail e a senha do blog e depois clique em
Entrar.

Note que você entrou no sistema do Slideshare.
40. Clique em Carregar.

41. Clique em Selecionar arquivos para carregar.

42. Na janela seguinte selecione a apresentação de slides e
depois clique em Abrir.

43. Enquanto a apresentação de slides carrega, preencha os
dados solicitados e quando tudo estiver pronto, clique em
Publicar.

44. Clique em Compartilhar, depois selecione o código dentro
do campo “Código de incorporação”, clique com o botão direito
do mouse sobre a área selecionada e na lista seguinte escolha
a opção Copiar.

45. Depois retorne para a guia do Blogger (pode fechar a guia
do SlideShared) e clique na opção HTML.

A interface gráfica do computador e da internet funciona por
meio de códigos, o campo HTML permite adicionar funções no
blog a partir desses códigos.
46. Deixe duas linhas vazias no começo da página.

47. Deixe o cursor na primeira linda e clique com o botão
direito do mouse, na lista seguinte escolha a opção Colar.

Sugestão: o código dos slides é divido em duas partes: iframe
(slides) e div (texto). No exemplo abaixo os slides estão
destacados na cor azul e o texto na cor vermelha. Para
melhorar a aparência dos slides, retire a parte do texto
(destacado na cor vermelha).
Exemplo do código:
<iframe src="//www.slideshare.net/slideshow/embed_code/key/2nufComiYdn8Tk"
width="595" height="485" frameborder="0" marginwidth="0" marginheight="0"
scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px;
max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px">
<strong> <a href="//www.slideshare.net/PIBIDGeografiaCAMPUSI/slides-do-geterri-
2017" title="Slides do Geterri 2017" target="_blank">Slides do Geterri 2017</a>
</strong> de <strong><a target="_blank"
href="https://www.slideshare.net/PIBIDGeografiaCAMPUSI">PIBID Geografia UNEAL
CAMPUS I</a></strong> </div>

48. No código colado altere os números de width e height.
♦ Altere width="595" para width=“800"
♦ Altere height="485" para height=“590"
♦ Antes:
♦ Depois:

49. Clique em Escrever para visualizar o resultado.

Note que o trabalho apareceu na lista de postagens do
Blogger. Ao passar o ponteiro do mouse sobre ele, aparecem
quatro opções, clique sobre a opção Visualizar para conferir o
resultado do trabalho no blog.

Agora é necessário criar os atalhos para o trabalho no blog.
51. Clique com o botão direito do mouse sobre a opção
Visualizar no nome do trabalho e na lista a seguir escolha a
opção Copiar endereço do link, por fim clique em Visualizar
blog.

52. No blog, clique sobre a ferramenta da área de Publicações
e na janela seguinte apague as letras do campo “Novo URL do
Site”.

53. Clique com o botão direito do mouse no campo “Novo URL
do site” e na lista seguinte escolha a opção Colar.

54. Adicione um título resumido no campo “Novo nome do site”
e clique em Adicionar link.

55. Ao adicionar o link, delete o penúltimo link para evitar o
sobre-carregamento do blog por excesso de links (deixe no
máximo cinco links. Por fim, clique em Salvar.
6 5

Após salvar o link, note que ele passa a aparecer na área de
publicações do blog. Além desse link, é recomendado colocar
um outro na página de publicações do blog.

56. Clique em Ajuda e depois em Modelo de imagem para
menu.

57. Abra o arquivo baixado pelo programa PhotoShop (Dê dois
cliques sobre o arquivo no navegador para abrir).

58.Coloque o título, o autor e a data de publicação do trabalho,
ajuste o que for necessário, como o tamanho da letra.

59. Em seguida, salve o arquivo em imagem. Para tanto, clique
em Arquivo, Salvar como, clique no campo formato e escolha
JPEG e por fim, clique em Salvar.

60. Para adicionar o link na página de publicações, retorne a
guia do Blogger, clique sobre a caixa de seleção do trabalho
recém publicado, clique em Marcadores e escolha a opção
Publicação.

Note que vai aparecer o nome publicações junto ao trabalho
publicado. Esse nome classifica o trabalho como uma
publicação do blog.

61. Pesquise pela página “Publicações” e clique em Editar.

62. Deixe o cursor do mouse no começo das imagens, depois
clique em Inserir imagem.

63. Clique em Escolher arquivo, selecione a imagem editada
no PhotoShop e depois clique em Abrir.

64. Selecione a imagem carregada e clique em Adicionar
selecionadas.

65. Após inserir a imagem, selecione-la e clique em Link para
remover o link original. Em seguida, deixe o cursor na frente
dela e pressione a tecla “Delete” para ajustá-la com as demais
imagens.

65. Após a imagem estar ajustada, selecione-a e clique
novamente em Link.

66. Clique com o botão direito do mouse dentro do campo
Endereço da web e escolha a opção Colar.

67. Após colar o endereço do trabalho, clique em Ok.

69. Clique em Todos os marcadores e escolha a opção com o
mesmo nome.

70. Após retornar todas as postagens, clique em Nova
postagem.

71. No título coloque um número qualquer e depois clique em
Publicar.

72. Clique na opção Editar da postagem “Início”.

73. Clique em HTML para aparecer o Código da página.

74. Selecione o código, clique com o botão direito do mouse
sobre a área selecionada e na lista seguinte escolha a opção
Copiar. Por fim, clique em Fechar.

75. Clique na opção Editar da postagem com o título 1.

76. Verifique se a opção HTML já está escurecida. Depois
clique com o botão direito do mouse dentro da área de
informação e escolha a opção Colar.

77. Após colar o código, modifique o título para “Início”.

78. Clique em Escrever e depois em Atualizar.

Note que existem duas postagens com o nome “Início”. Nesse
caso, deve ficar apenas a mais recente (que está no topo).
79. Clique na caixa de seleção da postagem Início anterior e
depois clique em Excluir.

80. Agora, está tudo pronto. Para conferir o resultado clique em
Visualizar Blog.

Agora confira o resultado, clicando e testando todas as páginas
que foram atualizadas.

Tutorial do blog do PIBID UNEAL Geografia Campus I

Mais conteúdo relacionado

Mais procurados

Semelhante a Tutorial do blog do PIBID UNEAL Geografia Campus I

Mais de PIBID Geografia UNEAL CAMPUS I

Último

Tutorial do blog do PIBID UNEAL Geografia Campus I