SlideShare uma empresa Scribd logo
TUTORIAL SOBRE  FLOGS E  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. No blog do uol, cola a tag dentro do modelo, no editor HTML.
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 &quot;src=“ dentro da seguinte tag:  <embed src= aqui vai o endereço da música escolhida  width=70 height=25 type=audio/mid autostart=&quot;true&quot;> </embed>
PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG: <marquee scrollAmount=1 direction=up width=200 height=60><center><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; color=#cc0099 size=1>  coloque seu texto aqui  </font></center></marquee> OU <marquee><font color=&quot;BLUE&quot; size=&quot;4&quot;><strong> aqui vai sua mensagem </strong></font></marquee>
MENU SUSPENSO   Você pode inserir um menu suspenso no seu blog. Nele você pode adicionar links que você queira sugerir a visitantes. Os códigos para isso são os seguintes:  <form><select NAME=&quot;links&quot; onChange=&quot;top.location.href=this.form.links.options[this.form.links.selectedIndex].value&quot;> <option SELECTED>Blogs</option> <option VALUE=&quot;http:// aqui vai o endereço do blog </option> <option VALUE=&quot;http:// aqui vai o endereço do blog </option> </select> </form> Repita esta última tag, quantas vezes for necessário
CONTADOR DE VISITAS Se o seu blog não tem contador de visitas e você deseja um,  deve se cadastrar no site  http://contador.multisistemas.biz/ Depois do cadastro ele gera um código do contador para você.  Copie  o código gerado e cole no seu blog. O exemplo abaixo é um código que foi gerado para o blog no NTE daqui de São Luiz Gonzaga.   <p align=center> <script language=&quot;Javascript&quot; src=&quot; http://contador.multisistemas.biz/contaj.php?usuario=nteslg &quot; type=&quot;text/javascript&quot;></script> </p>
RECADINHOS Vá até o site  http://www.haloscan.com/  e faça seu cadastro clicando em &quot;register for free' preencha os campos e clique em continuar em seguida entre com seu login e senha cadastrados. Na página que abre onde você pode ler &quot;code genarator&quot; escolha a opção 'none of the above/manual' e desabilite o display trackback. Clique em next e copie os códigos que aparecem no step 1 e step 2(use apenas o primeiro). Vá até seu blog, cole o código que copiou.
BARRA DE STATUS Para colocar letreiro na Barra de status (aquela bem embaixo), cole a seguinte tag: <Script LANGUAGE=&quot;JavaScript&quot;> var typespeed = 100; var MessagePause = 1000; var timerID = null; var Running = false; var message = new Array(); var currentMessage = 0; var offset = 0; message[0] = &quot; Aqui vai seu texto &quot; message[1] = &quot; Aqui vc poderá escrever mais &quot; function Display() { var text = message[currentMessage]; if (offset < text.length) { if (text.charAt(offset) == &quot; &quot;) offset++ var partMessage = text.substring(0, offset + 1); window.status = partMessage; offset++  timerID = setTimeout(&quot;Display()&quot;, typespeed); Running = true; } else { offset = 0; currentMessage++ if (currentMessage == message.length) currentMessage = 0; timerID = setTimeout(&quot;Display()&quot;, MessagePause); Running = true; } } function stop() { if (Running) clearTimeout(timerID); Running = false }function start() { stop(); Display(); }start();  </Script>
Para você saber de onde é o leitor do seu blog, existe uma ferramenta, GVISIT que você encontra no endereço  http://www.gvisit.com   No endereço indicado, basta digitar o nome e o endereço do seu Blog. Ele então gera um comando que você deve copiar e colar no template do seu Blog.
SALA DE CHAT Como colocar um chat no teu blog? Fácil!!  O procedimento é o seguinte: copia e cola a  seguinte tag: src=&quot;http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=http:// aqui vai o endereço do seu blog  scrolling=&quot;yes&quot; style=&quot;width:200px; height:250px&quot; frameborder='0'> Também pode aumentar o tamanho mudando para 500px em width e para 350px em height. Dessa maneira ele vai ficar exposto no blog. Agora se vc quer que ele fique no menu suspenso poderá utilizar o código do menu suspenso:  <form><select NAME=&quot;links&quot; onChange=&quot;top.location.href=this.form.links.options[this.form.links.selectedIndex].value&quot;> <option SELECTED>BatePapo</option> <option VALUE=&quot;http://gabbly.com/http:// aqui vai o endereço do seu blog >Chat</option> </select> </form>  
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 &quot;view HTML tag&quot; e clique em &quot;accept&quot; Escolha a cor desejada e em &quot;TimeZone&quot; 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.
DICAS DE SITES PARA ACHAR TEMPLATES E ACESSÓRIOS PARA INCREMENTAR SEU BLOG   Não esqueça que devem ser para o UOL ou BLOGGER, conforme seu servidor:http://www.brumaximus.blogger.com.br/  http://www.blogs.com.br/dicas/  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/
O QUE É UM FLOG? O Flog é uma página web atualizada freqüentemente que contém somente Fotos. É como um diário de fotos que são organizadas seqüencialmente com datas das postagem das fotos. Fotolog não é um álbum de fotografia on-line para você armazenar todas as suas fotografias digitais. Nem serve para fazer cópias em papel fotográfico. Assim, se você tiver 36 fotografias de sua festa de aniversário que você quer compartilhar com o mundo, nós recomendamos outros sites: Fotki, Ofoto, ou ShutterFly para isso. Flog é mais um lugar onde você colocaria umas fotografias legais de sua viagem num dia e uma foto de sua namorada no outro. Em cada foto um pequeno comentário sobre a imagem. Ou cada semana você colocaria uma foto de seu irmão ou irmã, assim seus parentes distantes poderiam ver como ele/ela está crescendo.
ONDE POSSO CRIAR UM FLOG? Para criar um Flog deve-se cadastrar em um site que disponibiliza este serviço. Abaixo uma lista de servidores de flogs:   Português:   BrasilFlog ,  FlogBrasil ,  Flog Click Grátis ,  Flogão ,  Flogs ,  Floguxo   Fotoblog ,  FotoFlog ,  Fotolog ,  GigaFoto ,  MegaFlog ,  My Flog PhotoLog ,  VibeFlog ,  VipFlog   Inglês: Fotolog
TODO FLOG TEM TEMPLATE? A maioria dos servidores de flog não permitem editar o código do Template. Alguns só permitem a modificação restrita como as cores, fontes e borda ou imagem de templates próprios. No caso do UOL FOTO BLOG, possui suporte à edição de template, podendo escolher e até editar o código HTML para trocar o template.
SIGNO Qual é o seu signo? Coloque um ícone do seu signo no blog. Acesse o endereço  http://www.templates4you.hpg.ig.com.br . Depois clique em horóscopo, basta então selecionar e copiar o código que está na caixa de texto e ir no teu blog, colar o código e salvar.
MINIMURAL Se você quiser um minimural em seu site ou blog, acesse o site http://www.trocapop.com/minimural.php  e escolha a cor de sua preferência, selecione e copie o código que aparece na caixa e cole em seu blog.

Mais conteúdo relacionado

Mais procurados

RE-VA - Tutorial Google - Blogger
RE-VA - Tutorial Google - BloggerRE-VA - Tutorial Google - Blogger
RE-VA - Tutorial Google - Blogger
Milton JB Sobreiro
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
ProfessorLuiz
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
Cezar Bruno
 
4 truques para aplicar no seu canal do youtube
4 truques para aplicar no seu canal do youtube4 truques para aplicar no seu canal do youtube
4 truques para aplicar no seu canal do youtube
Miguel Brandão
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - Introdução
Erick L. F.
 
2 html,xhtml e css
2   html,xhtml e css2   html,xhtml e css
2 html,xhtml e css
Geomar matias
 
Seo Training
Seo Training Seo Training
Seo Training
Vincent Benedicto
 
Recursos Moodle Pagina Web
Recursos Moodle Pagina WebRecursos Moodle Pagina Web
Recursos Moodle Pagina Web
Maria de Balsamão Mendes
 
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
Mauro Duarte
 
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
Mauro Duarte
 
Guia completo do Google Tag Manager
Guia completo do Google Tag ManagerGuia completo do Google Tag Manager
Guia completo do Google Tag Manager
DesignPT Agencia Digital
 
Introdução ao Google Tag Manager
Introdução ao Google Tag ManagerIntrodução ao Google Tag Manager
Introdução ao Google Tag Manager
Thiago Acioli
 
Implementando Com Rails As Historias Dos Usuarios
Implementando Com Rails As Historias Dos UsuariosImplementando Com Rails As Historias Dos Usuarios
Implementando Com Rails As Historias Dos Usuarios
Rodrigo Urubatan
 

Mais procurados (13)

RE-VA - Tutorial Google - Blogger
RE-VA - Tutorial Google - BloggerRE-VA - Tutorial Google - Blogger
RE-VA - Tutorial Google - Blogger
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
4 truques para aplicar no seu canal do youtube
4 truques para aplicar no seu canal do youtube4 truques para aplicar no seu canal do youtube
4 truques para aplicar no seu canal do youtube
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - Introdução
 
2 html,xhtml e css
2   html,xhtml e css2   html,xhtml e css
2 html,xhtml e css
 
Seo Training
Seo Training Seo Training
Seo Training
 
Recursos Moodle Pagina Web
Recursos Moodle Pagina WebRecursos Moodle Pagina Web
Recursos Moodle Pagina Web
 
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
5 - Introdução ao Desenvolvimento Web - Formulários (pt 2)
 
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
 
Guia completo do Google Tag Manager
Guia completo do Google Tag ManagerGuia completo do Google Tag Manager
Guia completo do Google Tag Manager
 
Introdução ao Google Tag Manager
Introdução ao Google Tag ManagerIntrodução ao Google Tag Manager
Introdução ao Google Tag Manager
 
Implementando Com Rails As Historias Dos Usuarios
Implementando Com Rails As Historias Dos UsuariosImplementando Com Rails As Historias Dos Usuarios
Implementando Com Rails As Historias Dos Usuarios
 

Destaque

Ecuaciones
EcuacionesEcuaciones
Ecuaciones
anpeblog
 
Shree Ganesh
Shree GaneshShree Ganesh
Shree Ganesh
pateltarunmba
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
Angelica Martinez
 
Shreeganesh
ShreeganeshShreeganesh
Shreeganesh
deby das
 
Enrique Valsangiacomo Butty Curriculum
Enrique Valsangiacomo Butty  CurriculumEnrique Valsangiacomo Butty  Curriculum
Enrique Valsangiacomo Butty Curriculum
Enrique Valsangiacomo Butty
 
Músculos de la cara
Músculos de la caraMúsculos de la cara
Músculos de la cara
mauro0216
 
Rrfawaz
RrfawazRrfawaz
Rrfawaz
rrfawaz
 
Clase feb 11 15 - generalidades de la administracion (1)
Clase feb 11  15 - generalidades de la administracion (1)Clase feb 11  15 - generalidades de la administracion (1)
Clase feb 11 15 - generalidades de la administracion (1)
Manuel Buñue
 

Destaque (8)

Ecuaciones
EcuacionesEcuaciones
Ecuaciones
 
Shree Ganesh
Shree GaneshShree Ganesh
Shree Ganesh
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Shreeganesh
ShreeganeshShreeganesh
Shreeganesh
 
Enrique Valsangiacomo Butty Curriculum
Enrique Valsangiacomo Butty  CurriculumEnrique Valsangiacomo Butty  Curriculum
Enrique Valsangiacomo Butty Curriculum
 
Músculos de la cara
Músculos de la caraMúsculos de la cara
Músculos de la cara
 
Rrfawaz
RrfawazRrfawaz
Rrfawaz
 
Clase feb 11 15 - generalidades de la administracion (1)
Clase feb 11  15 - generalidades de la administracion (1)Clase feb 11  15 - generalidades de la administracion (1)
Clase feb 11 15 - generalidades de la administracion (1)
 

Semelhante a Tutorial sobre-flogs-12848

Cursor bonecada
Cursor bonecadaCursor bonecada
Cursor bonecada
EducPaz
 
Blog educacional
Blog educacionalBlog educacional
Blog educacional
Yvana Costa
 
Criar um blog
Criar um blogCriar um blog
Criar um blog
IedaSantana
 
Criar uma apresentação de slide
Criar uma apresentação de slideCriar uma apresentação de slide
Criar uma apresentação de slide
LIVIA L.LAGE
 
Cobrancas online na sua aplicacao com MoIP
Cobrancas online na sua aplicacao com MoIPCobrancas online na sua aplicacao com MoIP
Cobrancas online na sua aplicacao com MoIP
Herberth Amaral
 
Como criar um blog
Como criar um blogComo criar um blog
Como criar um blog
Mariá Pohlmann da Silveira
 
Tele cine mozer
Tele cine mozerTele cine mozer
Tele cine mozer
JBSO
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010
Guga Alves
 
Web 2.0 blog
Web 2.0 blogWeb 2.0 blog
Web 2.0 blog
tecampinasoeste
 
rails_and_agile
rails_and_agilerails_and_agile
rails_and_agile
Juan Maiz
 
Como configurar o autoresponder grátis
Como configurar o autoresponder grátisComo configurar o autoresponder grátis
Como configurar o autoresponder grátis
guestfca28cb
 
Apresentacaonoblog
ApresentacaonoblogApresentacaonoblog
Apresentacaonoblog
Jaqueline Uliano
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
johnbank1
 
Tutorial Tudo sobre blog por Cybele Meyer
Tutorial Tudo sobre blog por Cybele MeyerTutorial Tudo sobre blog por Cybele Meyer
Tutorial Tudo sobre blog por Cybele Meyer
Cybele Meyer
 
Criar um blog
Criar um blog Criar um blog
Criar um blog
ananiasdoamaral
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
Sergio Finamore
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
guest17fe7a82
 
Javascript
JavascriptJavascript
Javascript
nasjo
 
Guia para acesso de forma distribuída
Guia para acesso de forma distribuídaGuia para acesso de forma distribuída
Guia para acesso de forma distribuída
CECOM UFMG
 
ApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogApresentaçãO1oficina De Blog
ApresentaçãO1oficina De Blog
Rosecler
 

Semelhante a Tutorial sobre-flogs-12848 (20)

Cursor bonecada
Cursor bonecadaCursor bonecada
Cursor bonecada
 
Blog educacional
Blog educacionalBlog educacional
Blog educacional
 
Criar um blog
Criar um blogCriar um blog
Criar um blog
 
Criar uma apresentação de slide
Criar uma apresentação de slideCriar uma apresentação de slide
Criar uma apresentação de slide
 
Cobrancas online na sua aplicacao com MoIP
Cobrancas online na sua aplicacao com MoIPCobrancas online na sua aplicacao com MoIP
Cobrancas online na sua aplicacao com MoIP
 
Como criar um blog
Como criar um blogComo criar um blog
Como criar um blog
 
Tele cine mozer
Tele cine mozerTele cine mozer
Tele cine mozer
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010
 
Web 2.0 blog
Web 2.0 blogWeb 2.0 blog
Web 2.0 blog
 
rails_and_agile
rails_and_agilerails_and_agile
rails_and_agile
 
Como configurar o autoresponder grátis
Como configurar o autoresponder grátisComo configurar o autoresponder grátis
Como configurar o autoresponder grátis
 
Apresentacaonoblog
ApresentacaonoblogApresentacaonoblog
Apresentacaonoblog
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
 
Tutorial Tudo sobre blog por Cybele Meyer
Tutorial Tudo sobre blog por Cybele MeyerTutorial Tudo sobre blog por Cybele Meyer
Tutorial Tudo sobre blog por Cybele Meyer
 
Criar um blog
Criar um blog Criar um blog
Criar um blog
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
 
Javascript
JavascriptJavascript
Javascript
 
Guia para acesso de forma distribuída
Guia para acesso de forma distribuídaGuia para acesso de forma distribuída
Guia para acesso de forma distribuída
 
ApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogApresentaçãO1oficina De Blog
ApresentaçãO1oficina De Blog
 

Mais de Mariá Pohlmann da Silveira

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
Mariá Pohlmann da Silveira
 
Momento1slide 130924133923-phpapp02
Momento1slide 130924133923-phpapp02Momento1slide 130924133923-phpapp02
Momento1slide 130924133923-phpapp02
Mariá Pohlmann da Silveira
 
Blog
BlogBlog
10 mandamentos do meio ambiente 2
10 mandamentos do meio ambiente 210 mandamentos do meio ambiente 2
10 mandamentos do meio ambiente 2
Mariá Pohlmann da Silveira
 
Hagáque
HagáqueHagáque
Apostila hagaque
Apostila hagaqueApostila hagaque
Apostila hagaque
Mariá Pohlmann da Silveira
 
Ca blogs flogs_webquest
Ca blogs flogs_webquestCa blogs flogs_webquest
Ca blogs flogs_webquest
Mariá Pohlmann da Silveira
 
Tutorial wq escolabr1
Tutorial wq escolabr1Tutorial wq escolabr1
Tutorial wq escolabr1
Mariá Pohlmann da Silveira
 
Projeto introdução a educação digital
Projeto introdução a educação digitalProjeto introdução a educação digital
Projeto introdução a educação digital
Mariá Pohlmann da Silveira
 
Projeto ntm
Projeto ntmProjeto ntm
Projeto ntm
Projeto ntmProjeto ntm
Projeto o uso das ti cs como recurso didático-pedagógico
Projeto  o uso das ti cs como recurso didático-pedagógicoProjeto  o uso das ti cs como recurso didático-pedagógico
Projeto o uso das ti cs como recurso didático-pedagógico
Mariá Pohlmann da Silveira
 
Web gincana conceitos (1)
Web gincana conceitos (1)Web gincana conceitos (1)
Web gincana conceitos (1)
Mariá Pohlmann da Silveira
 
Tutorial do cmap tools
Tutorial do cmap toolsTutorial do cmap tools
Tutorial do cmap tools
Mariá Pohlmann da Silveira
 
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
Mariá Pohlmann da Silveira
 
Plano de aula ana paula
Plano de aula ana paulaPlano de aula ana paula
Plano de aula ana paula
Mariá Pohlmann da Silveira
 
Plano de aula introdução a educação digital (1)
Plano de aula introdução a educação digital (1)Plano de aula introdução a educação digital (1)
Plano de aula introdução a educação digital (1)
Mariá Pohlmann da Silveira
 
1º encontro 100h
1º encontro 100h1º encontro 100h
1º encontro 100h
Mariá Pohlmann da Silveira
 
Plano introdução a educação digital
Plano introdução a educação digitalPlano introdução a educação digital
Plano introdução a educação digital
Mariá Pohlmann da Silveira
 

Mais de Mariá Pohlmann da Silveira (20)

Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
 
Momento1slide 130924133923-phpapp02
Momento1slide 130924133923-phpapp02Momento1slide 130924133923-phpapp02
Momento1slide 130924133923-phpapp02
 
Blog
BlogBlog
Blog
 
Apostila novo blogger
Apostila novo bloggerApostila novo blogger
Apostila novo blogger
 
10 mandamentos do meio ambiente 2
10 mandamentos do meio ambiente 210 mandamentos do meio ambiente 2
10 mandamentos do meio ambiente 2
 
Hagáque
HagáqueHagáque
Hagáque
 
Apostila hagaque
Apostila hagaqueApostila hagaque
Apostila hagaque
 
Ca blogs flogs_webquest
Ca blogs flogs_webquestCa blogs flogs_webquest
Ca blogs flogs_webquest
 
Tutorial wq escolabr1
Tutorial wq escolabr1Tutorial wq escolabr1
Tutorial wq escolabr1
 
Projeto introdução a educação digital
Projeto introdução a educação digitalProjeto introdução a educação digital
Projeto introdução a educação digital
 
Projeto ntm
Projeto ntmProjeto ntm
Projeto ntm
 
Projeto ntm
Projeto ntmProjeto ntm
Projeto ntm
 
Projeto o uso das ti cs como recurso didático-pedagógico
Projeto  o uso das ti cs como recurso didático-pedagógicoProjeto  o uso das ti cs como recurso didático-pedagógico
Projeto o uso das ti cs como recurso didático-pedagógico
 
Web gincana conceitos (1)
Web gincana conceitos (1)Web gincana conceitos (1)
Web gincana conceitos (1)
 
Tutorial do cmap tools
Tutorial do cmap toolsTutorial do cmap tools
Tutorial do cmap tools
 
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
Unidade5cooperaoouinterao 110506071137-phpapp01 (1)
 
Plano de aula ana paula
Plano de aula ana paulaPlano de aula ana paula
Plano de aula ana paula
 
Plano de aula introdução a educação digital (1)
Plano de aula introdução a educação digital (1)Plano de aula introdução a educação digital (1)
Plano de aula introdução a educação digital (1)
 
1º encontro 100h
1º encontro 100h1º encontro 100h
1º encontro 100h
 
Plano introdução a educação digital
Plano introdução a educação digitalPlano introdução a educação digital
Plano introdução a educação digital
 

Tutorial sobre-flogs-12848

  • 1. TUTORIAL SOBRE FLOGS E FERRAMENTAS PARA BLOGS
  • 2. 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. No blog do uol, cola a tag dentro do modelo, no editor HTML.
  • 3. 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 &quot;src=“ dentro da seguinte tag: <embed src= aqui vai o endereço da música escolhida width=70 height=25 type=audio/mid autostart=&quot;true&quot;> </embed>
  • 4. PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG: <marquee scrollAmount=1 direction=up width=200 height=60><center><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; color=#cc0099 size=1> coloque seu texto aqui </font></center></marquee> OU <marquee><font color=&quot;BLUE&quot; size=&quot;4&quot;><strong> aqui vai sua mensagem </strong></font></marquee>
  • 5. MENU SUSPENSO   Você pode inserir um menu suspenso no seu blog. Nele você pode adicionar links que você queira sugerir a visitantes. Os códigos para isso são os seguintes: <form><select NAME=&quot;links&quot; onChange=&quot;top.location.href=this.form.links.options[this.form.links.selectedIndex].value&quot;> <option SELECTED>Blogs</option> <option VALUE=&quot;http:// aqui vai o endereço do blog </option> <option VALUE=&quot;http:// aqui vai o endereço do blog </option> </select> </form> Repita esta última tag, quantas vezes for necessário
  • 6. CONTADOR DE VISITAS Se o seu blog não tem contador de visitas e você deseja um,  deve se cadastrar no site http://contador.multisistemas.biz/ Depois do cadastro ele gera um código do contador para você. Copie o código gerado e cole no seu blog. O exemplo abaixo é um código que foi gerado para o blog no NTE daqui de São Luiz Gonzaga.   <p align=center> <script language=&quot;Javascript&quot; src=&quot; http://contador.multisistemas.biz/contaj.php?usuario=nteslg &quot; type=&quot;text/javascript&quot;></script> </p>
  • 7. RECADINHOS Vá até o site http://www.haloscan.com/  e faça seu cadastro clicando em &quot;register for free' preencha os campos e clique em continuar em seguida entre com seu login e senha cadastrados. Na página que abre onde você pode ler &quot;code genarator&quot; escolha a opção 'none of the above/manual' e desabilite o display trackback. Clique em next e copie os códigos que aparecem no step 1 e step 2(use apenas o primeiro). Vá até seu blog, cole o código que copiou.
  • 8. BARRA DE STATUS Para colocar letreiro na Barra de status (aquela bem embaixo), cole a seguinte tag: <Script LANGUAGE=&quot;JavaScript&quot;> var typespeed = 100; var MessagePause = 1000; var timerID = null; var Running = false; var message = new Array(); var currentMessage = 0; var offset = 0; message[0] = &quot; Aqui vai seu texto &quot; message[1] = &quot; Aqui vc poderá escrever mais &quot; function Display() { var text = message[currentMessage]; if (offset < text.length) { if (text.charAt(offset) == &quot; &quot;) offset++ var partMessage = text.substring(0, offset + 1); window.status = partMessage; offset++ timerID = setTimeout(&quot;Display()&quot;, typespeed); Running = true; } else { offset = 0; currentMessage++ if (currentMessage == message.length) currentMessage = 0; timerID = setTimeout(&quot;Display()&quot;, MessagePause); Running = true; } } function stop() { if (Running) clearTimeout(timerID); Running = false }function start() { stop(); Display(); }start(); </Script>
  • 9. Para você saber de onde é o leitor do seu blog, existe uma ferramenta, GVISIT que você encontra no endereço http://www.gvisit.com No endereço indicado, basta digitar o nome e o endereço do seu Blog. Ele então gera um comando que você deve copiar e colar no template do seu Blog.
  • 10. SALA DE CHAT Como colocar um chat no teu blog? Fácil!! O procedimento é o seguinte: copia e cola a seguinte tag: src=&quot;http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=http:// aqui vai o endereço do seu blog scrolling=&quot;yes&quot; style=&quot;width:200px; height:250px&quot; frameborder='0'> Também pode aumentar o tamanho mudando para 500px em width e para 350px em height. Dessa maneira ele vai ficar exposto no blog. Agora se vc quer que ele fique no menu suspenso poderá utilizar o código do menu suspenso:  <form><select NAME=&quot;links&quot; onChange=&quot;top.location.href=this.form.links.options[this.form.links.selectedIndex].value&quot;> <option SELECTED>BatePapo</option> <option VALUE=&quot;http://gabbly.com/http:// aqui vai o endereço do seu blog >Chat</option> </select> </form>  
  • 11. 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 &quot;view HTML tag&quot; e clique em &quot;accept&quot; Escolha a cor desejada e em &quot;TimeZone&quot; 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.
  • 12. DICAS DE SITES PARA ACHAR TEMPLATES E ACESSÓRIOS PARA INCREMENTAR SEU BLOG   Não esqueça que devem ser para o UOL ou BLOGGER, conforme seu servidor:http://www.brumaximus.blogger.com.br/ http://www.blogs.com.br/dicas/ 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/
  • 13. O QUE É UM FLOG? O Flog é uma página web atualizada freqüentemente que contém somente Fotos. É como um diário de fotos que são organizadas seqüencialmente com datas das postagem das fotos. Fotolog não é um álbum de fotografia on-line para você armazenar todas as suas fotografias digitais. Nem serve para fazer cópias em papel fotográfico. Assim, se você tiver 36 fotografias de sua festa de aniversário que você quer compartilhar com o mundo, nós recomendamos outros sites: Fotki, Ofoto, ou ShutterFly para isso. Flog é mais um lugar onde você colocaria umas fotografias legais de sua viagem num dia e uma foto de sua namorada no outro. Em cada foto um pequeno comentário sobre a imagem. Ou cada semana você colocaria uma foto de seu irmão ou irmã, assim seus parentes distantes poderiam ver como ele/ela está crescendo.
  • 14. ONDE POSSO CRIAR UM FLOG? Para criar um Flog deve-se cadastrar em um site que disponibiliza este serviço. Abaixo uma lista de servidores de flogs: Português: BrasilFlog , FlogBrasil , Flog Click Grátis , Flogão , Flogs , Floguxo Fotoblog , FotoFlog , Fotolog , GigaFoto , MegaFlog , My Flog PhotoLog , VibeFlog , VipFlog Inglês: Fotolog
  • 15. TODO FLOG TEM TEMPLATE? A maioria dos servidores de flog não permitem editar o código do Template. Alguns só permitem a modificação restrita como as cores, fontes e borda ou imagem de templates próprios. No caso do UOL FOTO BLOG, possui suporte à edição de template, podendo escolher e até editar o código HTML para trocar o template.
  • 16. SIGNO Qual é o seu signo? Coloque um ícone do seu signo no blog. Acesse o endereço http://www.templates4you.hpg.ig.com.br . Depois clique em horóscopo, basta então selecionar e copiar o código que está na caixa de texto e ir no teu blog, colar o código e salvar.
  • 17. MINIMURAL Se você quiser um minimural em seu site ou blog, acesse o site http://www.trocapop.com/minimural.php e escolha a cor de sua preferência, selecione e copie o código que aparece na caixa e cole em seu blog.