SlideShare a Scribd company logo
1 of 42
Telefone (92)  3214-5260 /3642-6188
O termo blog  é  derivado da união das palavras inglesas web (rede) e log (di á rio de bordo, onde os navegadores registravam os eventos das viagens, principalmente aqueles ligados ao clima). Foi criado por Jorn Barger em 17 de dezembro de 1997. A abrevia ç ão "blog", por sua vez, foi criada por Peter Merholz, que, de brincadeira, desmembrou a palavra weblog para formar a frase we blog ("n ó s blogamos") na barra lateral de seu blog Peterme.com.  HISTÓRIA DO BLOG Para aprofundar a leitura:  http://pt.wikipedia.org/wiki/Blog#cite_note-wired-1
A maioria das pessoas tem utilizado os blogs como di á rios pessoais, por é m um blog pode ter qualquer tipo de conte ú do e ser utilizado para diversos fins. Uma das vantagens do blog  é  permitir que os usu á rios publiquem seu conte ú do sem a necessidade de saber como são constru í das p á ginas na internet, ou seja, sem conhecimento t é cnico especializado.
COMO CRIAR E ADMINISTRAR UM BLOG? Que tal criar seu próprio blog?
Como criar  um blog? Existem serviços gratuitos para criação e hospedagem de blogs. Uma das  possibilidades  de serviço gratuito é o Blogger. Para criar um blog, inicialmente precisamos possuir uma conta no Blogger. Para isso, acesse  http://www.blogger.com   A página a seguir será aberta: CLIQUE  AQUI PARA CRIAR SEU BLOG
1ª ETAPA: Criar uma conta Preencha os campos solicitados E-mail : este endereço lhe dá acesso ao blog Senha : mínimo de 8 caracteres Nome de tela:  Nome usado para assinar as mensagens do seu blog (poderá ser seu próprio nome ou fictício). Verificação de palavras :  sistema de proteção para evitar a criação automática de blogs. Aceite o termo de uso e clique em CONTINUAR
2ª ETAPA: Criar um nome para o blog Preencha os campos solicitados Título do blog:  nome que aparecerá no início do blog. Ex. TICs na Educação Endereço do blog:  será o endereço na internet, a partir do qual seu blog será acessado. http://ticsnaeducacaolinux.blogspot.com/ Clique em  CONTINUAR
3ª ETAPA: Escolha um modelo Esse é o momento em que escolhemos o template para o blog, ou seja, o aspecto final. Selecione o modelo escolhido e, em seguida, clique em continuar.
Como acessar seu blog? Digite o endereço do Blogger:  www.blogger.com digite o e-mail usado para criar o blog digite a sua senha  clique em login
Seu Blog já está pronto e agora é só começar a usá-lo. Para isso clique em COMEÇAR A USAR O BLOG. Vou  acessar meu blog!
Postar informações no blog Digite um título para sua postagem e em seguida a mensagem que deseja publicar Uma vez terminada a mensagem, clique PUBLICAR POSTAGEM para publicá-la ou em SALVAR AGORA para salvá-la como esboço e publicá-la posteriormente.  É necessário publicar para que ela apareça na internet.
Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só  visualizar a postagem .
Na página do blog, será possível inserir comentários e visualizar todas as postagens já publicadas. Todos têm acesso ao seu blog, porém só poderão inserir comentários se você permitir.
Editar postagens ,[object Object],[object Object],Nessa janela, você tem a opção de:  Editar ,  Visualizar  e  Excluir .
1º -  Editar : permite fazer alterações em uma mensagem já postada utilizando a barra de ferramentas. 2º -  Visualizar : permite visualizar como ficou no blog a sua postagem. 3º -  Excluir : Elimina a postagem publicada
Como editar o modelo das postagens? Para acessar o editor de postagens do blog, entre no painel do Blogger, clique em  layout  >  elementos   de página . Procure por “postagens no blog” e clique no link editar. Abrirá uma nova janela, mostrando diversas opções de configurações para as postagens:
Postar uma figura 2. Clique no ícone INSERIR FIGURA, na barra de ferramentas do editor. 3. Localize a imagem desejada, clicando em ARQUIVO (se a imagem estiver em seu computador, CD ou pen drive) ou digite/cole o endereço da imagem na web. 1. Salve a figura no seu computador, num CD ou pen drive. Clique aqui para procurar a imagem desejada.
4. Em seguida, escolha o layout que deseja e o tamanho da imagem. Você pode escolher o layout para cada imagem ou definir um layout como padrão. Se preferir, marque a opção USAR ESTE LAYOUT SEMPRE.  5. Clique em  FAZER UPLOAD DE IMAGEM
Clique em OK para concluir e publique a postagem Mensagem com link Clique aqui para inserir link Digite o texto que deverá aparecer na mensagem Digite ou cole o endereço da página na internet
Alterar fontes e cores Na guia de Layout, escolha a opção  Fontes e cores . Escolha o item a ser alterado. Você poderá também alterar a fonte. Salve as  alterações .
Adicionar  e organizar elementos na página Depois de criar o blog, você poderá adicionar e organizar os elementos da página.  Explorando o layout O que são os Gadgets? É uma nova categoria de mini-aplicativos criadas para proporcionar informações e dados úteis, ou para melhorar uma aplicação ou um serviço na Web. Existem muitos Gadgets na web para você potencializar seu blog.
Adicionar  gadgets  ao blog Gadgets são usados para muitos fins, sobretudo a facilidade de acesso. ,[object Object],[object Object],[object Object],[object Object],[object Object],Clique em  adicionar um gadget  para acrescentar acessórios a seu blog
Para adicionar uma lista com seus blogs preferidos, basta inserir uma lista de blogs.
Clique aqui para adicionar o endereço
Digite o endereço do blog que você quer acrescentar a sua lista. Repita o processo para acrescentar novos endereços.
Atividade de execução  Selecione a opção  Adicionar um Gadget  e acrescente os seguintes itens ao seu blog. 1 .Texto : adiciona uma mensagem de boas-vindas.  2 .Lista de blogs : Uma Lista de blogs é muito mais do que uma simples lista de links: é uma visualização dinâmica dos blogs que são importantes para você. Por padrão, a Lista de blogs mostra primeiro os blogs atualizados mais recentemente. 3 .Lista de links : permite adicionar uma coleção de seus sites favoritos, blogs ou páginas na web.
Como editar o navbar? Navbar é a barra de navegação do Blogger; a partir dela é possível compartilhar posts nas redes sociais como o Twitter, seguir diretamente um blog, criar  uma  nova postagem,  personalizar , denunciar abusos etc. Escolha a cor desejada e clique em  salvar .
Para inserir vídeo do Youtube, escolha opção Barra de vídeo
Vídeo direto do seu computador Clique em "Adicionar Vídeo", na figura:   Selecione o vídeo e o título, marque que concorda com os termos de uso. Agora, é só clicar em fazer o Upload e publicar.
Relógios no blog ESCOLHA UM RELÓGIO PARA SEU BLOG Vá em  Layout  e na opção  Elementos de página  clique em  Adicionar um Gadget , procure por  HTML/JavaScript  e cole o código do seu relógio em seguida clique em salvar e pronto seu relógio foi adicionado ao seu blogger. http://relogios-para-sites-e-blogs.blogspot.com/
Calendário no blog ESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG http://www.artestilo.eu/calendarios/index.htm http://www.magiagifs.com.br/Calendario/calendarios_clubes.htm Vá em  Layout  e na opção  Elementos de página  clique em  Adicionar um Gadget , procure por  HTML/JavaScript  e cole o código do seu relógio em seguida clique em salvar e pronto seu calendário foi adicionado ao seu blogger.
Colocar Barra de Rolagem nas postagens 1. Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa: <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a página do HTML até o começo de antes da linha body{...} colocamos esse código: #Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;} Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo  formatar o texto  de outra forma ou  colocar bordas  nesta barra de rolagem. Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim: <b:section-contents id='sidebar-right-1'> Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem.  http://www.dicasparablogs.com.br
do Blogger Novidades 15 novos modelos para já (e tem mais a caminho) - Modelos personalizados de blog com uma, duas e três colunas - Centenas de imagens de fundo  - Cores personalizáveis, fontes e muito mais!
Designer do Modelo É um painel super avançado de edição de template permitindo alterar fonte, tamanhos, cores, fundo, menu e etc. Lá você vai ver alguns temas que são padrão e poderá personalizá-lo da forma que quiser. Na guia  Design , opção  Design do modelo , temos novidades para personalizarmos o blog.
MODELO ESCOLHIDO OPÇÕES DO MODELO Modelos Podemos trocar o modelo completo apenas clicando nos template no topo da página.
Após escolher o modelo, é possível personalizá-lo.  Vamos iniciar pela guia  Plano de Fundo. 1. Clique em cima da Imagem para alterar a imagem do Plano de fundo. 2. Escolha a categoria que você usará para escolher uma nova imagem. Em seguida clique em CONCLUÍDO.
Layout OBS.: É importante ajustar a largura das colunas do Blog . Permite reorganizar os seus gadgets .
Avançado Aqui podemos configurar  as cores de fundo ,  tipo ,  tamanho e cor do texto ,  links  e  títulos  e algumas outras coisas. Você só precisa ir clicando nas alterações e ver o resultado no seu blog que fica sempre visível na parte de baixo, mas não seja muito apressado dependendo da velocidade da sua conexão com a internet pode demorar um pouco para você visualizar a mudança, portanto não faça muitas alterações seguidas senão pode se atrapalhar na hora de ver e escolher a melhor aparência para o seu blog.
Quando terminar clique no botão  aplicar ao blog  que está no canto superior direito da página.
Sites interessantes http://www.ferramentasblog.com/search/label/Gadgets http://www.ferramentasblog.com/2010/03/colocar-musica-no-blog-yahoo-media.html#more Como adicionar música no Blog: Dicas interessantes para seu blog: http://www.magiagifs.com.br/ Gifs e acessórios: Banners para Blogs e Sites   http://mundovtools.blogspot.com/2008/09/banners-para-blogs-e-sites.html http://sergioalex.blogs.sapo.pt/23373.html http://www.reinodosgifs.net/ Mini gifs http://www.brumaximus.blogger.com.br/ www.draft.blogger.com Blogger in draf
Para aprofundar a leitura acesse os endereços abaixo. Caso os links não funcionem copie o endereço desejado e cole-o na barra de endereço de seu navegador ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot (17)

Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
Apostila html
Apostila htmlApostila html
Apostila html
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
426 curso html
426 curso html426 curso html
426 curso html
 
Html5 Aula 4
Html5 Aula 4Html5 Aula 4
Html5 Aula 4
 
Html completo
Html completoHtml completo
Html completo
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
 
Html
HtmlHtml
Html
 
Html+para+iniciantes
Html+para+iniciantesHtml+para+iniciantes
Html+para+iniciantes
 
HTML
HTMLHTML
HTML
 
HTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no htmlHTML - Aula 01 - Estrutura básica e tags básicas no html
HTML - Aula 01 - Estrutura básica e tags básicas no html
 
Html manual
Html manualHtml manual
Html manual
 
W3C Web Standards HTML
W3C Web Standards HTMLW3C Web Standards HTML
W3C Web Standards HTML
 

Similar to Blog educacional (20)

Criar um blog
Criar um blog Criar um blog
Criar um blog
 
Criar um blog
Criar um blogCriar um blog
Criar um blog
 
Como criar um blog
Como criar um blogComo criar um blog
Como criar um blog
 
Oficina de Blog
Oficina de BlogOficina de Blog
Oficina de Blog
 
Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02
 
Apostila como criar um blog
Apostila como criar um blogApostila como criar um blog
Apostila como criar um blog
 
Tutorial blogger elyene_fabricia
Tutorial blogger elyene_fabriciaTutorial blogger elyene_fabricia
Tutorial blogger elyene_fabricia
 
Oficina Criando Um Blog
Oficina Criando Um BlogOficina Criando Um Blog
Oficina Criando Um Blog
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
 
Módulo II
Módulo IIMódulo II
Módulo II
 
Criar um blog
Criar um blogCriar um blog
Criar um blog
 
Blogger
BloggerBlogger
Blogger
 
Blogger 131210193432-phpapp01
Blogger 131210193432-phpapp01Blogger 131210193432-phpapp01
Blogger 131210193432-phpapp01
 
Blogger
BloggerBlogger
Blogger
 
AIAI
AIAIAIAI
AIAI
 
555
555555
555
 
Blogger
BloggerBlogger
Blogger
 
Tutorial para Fazer Blogs
Tutorial para Fazer BlogsTutorial para Fazer Blogs
Tutorial para Fazer Blogs
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 

More from Yvana Costa

Exemplos linguagens da internet
Exemplos linguagens da internetExemplos linguagens da internet
Exemplos linguagens da internetYvana Costa
 
Marcelo,marmelo,martelo
Marcelo,marmelo,marteloMarcelo,marmelo,martelo
Marcelo,marmelo,marteloYvana Costa
 
A menina e o cachorro
A menina e o cachorroA menina e o cachorro
A menina e o cachorroYvana Costa
 
A menina e o cahorro
A menina e o cahorroA menina e o cahorro
A menina e o cahorroYvana Costa
 
Tecnologias assistivas
Tecnologias assistivasTecnologias assistivas
Tecnologias assistivasYvana Costa
 
Livro o pinto pelado
Livro o pinto peladoLivro o pinto pelado
Livro o pinto peladoYvana Costa
 
Livro deus ama os que são diferentes
Livro deus ama os que são diferentesLivro deus ama os que são diferentes
Livro deus ama os que são diferentesYvana Costa
 
Livro deus ama os que são diferentes
Livro deus ama os que são diferentesLivro deus ama os que são diferentes
Livro deus ama os que são diferentesYvana Costa
 
Mensagem motivacional
Mensagem motivacionalMensagem motivacional
Mensagem motivacionalYvana Costa
 

More from Yvana Costa (9)

Exemplos linguagens da internet
Exemplos linguagens da internetExemplos linguagens da internet
Exemplos linguagens da internet
 
Marcelo,marmelo,martelo
Marcelo,marmelo,marteloMarcelo,marmelo,martelo
Marcelo,marmelo,martelo
 
A menina e o cachorro
A menina e o cachorroA menina e o cachorro
A menina e o cachorro
 
A menina e o cahorro
A menina e o cahorroA menina e o cahorro
A menina e o cahorro
 
Tecnologias assistivas
Tecnologias assistivasTecnologias assistivas
Tecnologias assistivas
 
Livro o pinto pelado
Livro o pinto peladoLivro o pinto pelado
Livro o pinto pelado
 
Livro deus ama os que são diferentes
Livro deus ama os que são diferentesLivro deus ama os que são diferentes
Livro deus ama os que são diferentes
 
Livro deus ama os que são diferentes
Livro deus ama os que são diferentesLivro deus ama os que são diferentes
Livro deus ama os que são diferentes
 
Mensagem motivacional
Mensagem motivacionalMensagem motivacional
Mensagem motivacional
 

Blog educacional

  • 1. Telefone (92) 3214-5260 /3642-6188
  • 2. O termo blog é derivado da união das palavras inglesas web (rede) e log (di á rio de bordo, onde os navegadores registravam os eventos das viagens, principalmente aqueles ligados ao clima). Foi criado por Jorn Barger em 17 de dezembro de 1997. A abrevia ç ão &quot;blog&quot;, por sua vez, foi criada por Peter Merholz, que, de brincadeira, desmembrou a palavra weblog para formar a frase we blog (&quot;n ó s blogamos&quot;) na barra lateral de seu blog Peterme.com. HISTÓRIA DO BLOG Para aprofundar a leitura: http://pt.wikipedia.org/wiki/Blog#cite_note-wired-1
  • 3. A maioria das pessoas tem utilizado os blogs como di á rios pessoais, por é m um blog pode ter qualquer tipo de conte ú do e ser utilizado para diversos fins. Uma das vantagens do blog é permitir que os usu á rios publiquem seu conte ú do sem a necessidade de saber como são constru í das p á ginas na internet, ou seja, sem conhecimento t é cnico especializado.
  • 4. COMO CRIAR E ADMINISTRAR UM BLOG? Que tal criar seu próprio blog?
  • 5. Como criar um blog? Existem serviços gratuitos para criação e hospedagem de blogs. Uma das possibilidades de serviço gratuito é o Blogger. Para criar um blog, inicialmente precisamos possuir uma conta no Blogger. Para isso, acesse http://www.blogger.com A página a seguir será aberta: CLIQUE AQUI PARA CRIAR SEU BLOG
  • 6. 1ª ETAPA: Criar uma conta Preencha os campos solicitados E-mail : este endereço lhe dá acesso ao blog Senha : mínimo de 8 caracteres Nome de tela: Nome usado para assinar as mensagens do seu blog (poderá ser seu próprio nome ou fictício). Verificação de palavras : sistema de proteção para evitar a criação automática de blogs. Aceite o termo de uso e clique em CONTINUAR
  • 7. 2ª ETAPA: Criar um nome para o blog Preencha os campos solicitados Título do blog: nome que aparecerá no início do blog. Ex. TICs na Educação Endereço do blog: será o endereço na internet, a partir do qual seu blog será acessado. http://ticsnaeducacaolinux.blogspot.com/ Clique em CONTINUAR
  • 8. 3ª ETAPA: Escolha um modelo Esse é o momento em que escolhemos o template para o blog, ou seja, o aspecto final. Selecione o modelo escolhido e, em seguida, clique em continuar.
  • 9. Como acessar seu blog? Digite o endereço do Blogger: www.blogger.com digite o e-mail usado para criar o blog digite a sua senha clique em login
  • 10. Seu Blog já está pronto e agora é só começar a usá-lo. Para isso clique em COMEÇAR A USAR O BLOG. Vou acessar meu blog!
  • 11. Postar informações no blog Digite um título para sua postagem e em seguida a mensagem que deseja publicar Uma vez terminada a mensagem, clique PUBLICAR POSTAGEM para publicá-la ou em SALVAR AGORA para salvá-la como esboço e publicá-la posteriormente. É necessário publicar para que ela apareça na internet.
  • 12. Uma vez PUBLICADA, sua mensagem já está na internet. Agora, é só visualizar a postagem .
  • 13. Na página do blog, será possível inserir comentários e visualizar todas as postagens já publicadas. Todos têm acesso ao seu blog, porém só poderão inserir comentários se você permitir.
  • 14.
  • 15. 1º - Editar : permite fazer alterações em uma mensagem já postada utilizando a barra de ferramentas. 2º - Visualizar : permite visualizar como ficou no blog a sua postagem. 3º - Excluir : Elimina a postagem publicada
  • 16. Como editar o modelo das postagens? Para acessar o editor de postagens do blog, entre no painel do Blogger, clique em layout > elementos de página . Procure por “postagens no blog” e clique no link editar. Abrirá uma nova janela, mostrando diversas opções de configurações para as postagens:
  • 17. Postar uma figura 2. Clique no ícone INSERIR FIGURA, na barra de ferramentas do editor. 3. Localize a imagem desejada, clicando em ARQUIVO (se a imagem estiver em seu computador, CD ou pen drive) ou digite/cole o endereço da imagem na web. 1. Salve a figura no seu computador, num CD ou pen drive. Clique aqui para procurar a imagem desejada.
  • 18. 4. Em seguida, escolha o layout que deseja e o tamanho da imagem. Você pode escolher o layout para cada imagem ou definir um layout como padrão. Se preferir, marque a opção USAR ESTE LAYOUT SEMPRE. 5. Clique em FAZER UPLOAD DE IMAGEM
  • 19. Clique em OK para concluir e publique a postagem Mensagem com link Clique aqui para inserir link Digite o texto que deverá aparecer na mensagem Digite ou cole o endereço da página na internet
  • 20. Alterar fontes e cores Na guia de Layout, escolha a opção Fontes e cores . Escolha o item a ser alterado. Você poderá também alterar a fonte. Salve as alterações .
  • 21. Adicionar e organizar elementos na página Depois de criar o blog, você poderá adicionar e organizar os elementos da página. Explorando o layout O que são os Gadgets? É uma nova categoria de mini-aplicativos criadas para proporcionar informações e dados úteis, ou para melhorar uma aplicação ou um serviço na Web. Existem muitos Gadgets na web para você potencializar seu blog.
  • 22.
  • 23. Para adicionar uma lista com seus blogs preferidos, basta inserir uma lista de blogs.
  • 24. Clique aqui para adicionar o endereço
  • 25. Digite o endereço do blog que você quer acrescentar a sua lista. Repita o processo para acrescentar novos endereços.
  • 26. Atividade de execução Selecione a opção Adicionar um Gadget e acrescente os seguintes itens ao seu blog. 1 .Texto : adiciona uma mensagem de boas-vindas. 2 .Lista de blogs : Uma Lista de blogs é muito mais do que uma simples lista de links: é uma visualização dinâmica dos blogs que são importantes para você. Por padrão, a Lista de blogs mostra primeiro os blogs atualizados mais recentemente. 3 .Lista de links : permite adicionar uma coleção de seus sites favoritos, blogs ou páginas na web.
  • 27. Como editar o navbar? Navbar é a barra de navegação do Blogger; a partir dela é possível compartilhar posts nas redes sociais como o Twitter, seguir diretamente um blog, criar uma nova postagem, personalizar , denunciar abusos etc. Escolha a cor desejada e clique em salvar .
  • 28. Para inserir vídeo do Youtube, escolha opção Barra de vídeo
  • 29. Vídeo direto do seu computador Clique em &quot;Adicionar Vídeo&quot;, na figura: Selecione o vídeo e o título, marque que concorda com os termos de uso. Agora, é só clicar em fazer o Upload e publicar.
  • 30. Relógios no blog ESCOLHA UM RELÓGIO PARA SEU BLOG Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget , procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu relógio foi adicionado ao seu blogger. http://relogios-para-sites-e-blogs.blogspot.com/
  • 31. Calendário no blog ESCOLHA UM CALENDÁRIO PARA SEU SITE OU BLOG http://www.artestilo.eu/calendarios/index.htm http://www.magiagifs.com.br/Calendario/calendarios_clubes.htm Vá em Layout e na opção Elementos de página clique em Adicionar um Gadget , procure por HTML/JavaScript e cole o código do seu relógio em seguida clique em salvar e pronto seu calendário foi adicionado ao seu blogger.
  • 32. Colocar Barra de Rolagem nas postagens 1. Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa: <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  • 33. Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a página do HTML até o começo de antes da linha body{...} colocamos esse código: #Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;} Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo formatar o texto de outra forma ou colocar bordas nesta barra de rolagem. Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim: <b:section-contents id='sidebar-right-1'> Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem. http://www.dicasparablogs.com.br
  • 34. do Blogger Novidades 15 novos modelos para já (e tem mais a caminho) - Modelos personalizados de blog com uma, duas e três colunas - Centenas de imagens de fundo - Cores personalizáveis, fontes e muito mais!
  • 35. Designer do Modelo É um painel super avançado de edição de template permitindo alterar fonte, tamanhos, cores, fundo, menu e etc. Lá você vai ver alguns temas que são padrão e poderá personalizá-lo da forma que quiser. Na guia Design , opção Design do modelo , temos novidades para personalizarmos o blog.
  • 36. MODELO ESCOLHIDO OPÇÕES DO MODELO Modelos Podemos trocar o modelo completo apenas clicando nos template no topo da página.
  • 37. Após escolher o modelo, é possível personalizá-lo. Vamos iniciar pela guia Plano de Fundo. 1. Clique em cima da Imagem para alterar a imagem do Plano de fundo. 2. Escolha a categoria que você usará para escolher uma nova imagem. Em seguida clique em CONCLUÍDO.
  • 38. Layout OBS.: É importante ajustar a largura das colunas do Blog . Permite reorganizar os seus gadgets .
  • 39. Avançado Aqui podemos configurar as cores de fundo , tipo , tamanho e cor do texto , links e títulos e algumas outras coisas. Você só precisa ir clicando nas alterações e ver o resultado no seu blog que fica sempre visível na parte de baixo, mas não seja muito apressado dependendo da velocidade da sua conexão com a internet pode demorar um pouco para você visualizar a mudança, portanto não faça muitas alterações seguidas senão pode se atrapalhar na hora de ver e escolher a melhor aparência para o seu blog.
  • 40. Quando terminar clique no botão aplicar ao blog que está no canto superior direito da página.
  • 41. Sites interessantes http://www.ferramentasblog.com/search/label/Gadgets http://www.ferramentasblog.com/2010/03/colocar-musica-no-blog-yahoo-media.html#more Como adicionar música no Blog: Dicas interessantes para seu blog: http://www.magiagifs.com.br/ Gifs e acessórios: Banners para Blogs e Sites http://mundovtools.blogspot.com/2008/09/banners-para-blogs-e-sites.html http://sergioalex.blogs.sapo.pt/23373.html http://www.reinodosgifs.net/ Mini gifs http://www.brumaximus.blogger.com.br/ www.draft.blogger.com Blogger in draf
  • 42.