Oficina Blog

1,638 views

Published on

Published in: Technology, Design
  • Be the first to comment

Oficina Blog

  1. 1. Como criar um blog Entre no endereço: http://www.blogger.com Mesmo que você já tenha um blog, vai criar um novo.
  2. 2. Clique aqui
  3. 3. PREENCHER TODOS OS CAMPOS
  4. 4. Após ter criado seu blog, faça uma apresentação pessoal.
  5. 5. 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 .
  6. 6. <ul><li>Alterando as cores e as fontes do seu blog </li></ul><ul><li> Entre no Modelo (Layout) do seu blog de testes e clique na aba Fontes e Cores : </li></ul><ul><li>No lado esquerdo você seleciona o item que deseja alterar. </li></ul><ul><li>Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes opções: </li></ul><ul><li>cores do seu blog - caso queira repetir alguma </li></ul><ul><li>cores que combinam com as cores do seu blog - uma sugestão de cores. </li></ul><ul><li>mais cores - ampliando as opções de escolha </li></ul><ul><li>editar código - para especificar uma determinada cor a partir de uma tabela de cores. </li></ul>
  7. 7. 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 &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>
  8. 8. 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> 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.
  9. 9. CORES NO TEXTO Que tal mudar as cores da fonte em alguns textos? <FONT COLOR = &quot;#FF0000&quot;>Um texto vermelho. </FONT> Resultado: um texto vermelho. <FONT COLOR = &quot;#0000FF&quot;> Texto azul </FONT>. Você pode substituir as cores, trocando o código &quot;#0000FF&quot; (azul) pelo &quot;#FF0000&quot; (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#”
  10. 10. <ul><li>webnote </li></ul><ul><li>Um recurso interessante de ser utilizado para dar interatividade ao seu blog >> um mural de recados. Entre em http://www.aypwip.org/webnote/ . </li></ul><ul><li>No quadrinho em branco à direita digite o nome de seu mural e clique em load . Se não houver nenhum webnote com aquele nome, está feito o seu. [ exemplo ] </li></ul><ul><li>Dicas: use uma palavra só, sem acentos; não use ç; evite palavras muito conhecidas; Não se preocupe se alguém apagou seus recados; Use o terceiro ícone da barra para recuperar versões anteriores do seu mural. </li></ul><ul><li>E mais: insira no seu blog como link, usando alguma imagem representativa. </li></ul><ul><li>Para colocar no blog, copiar o código abaixo: </li></ul><ul><ul><li><a href=&quot;endereço do webnote (link)&quot;><img src=&quot;http://www.etc.etc/nomedoarquivodeimagem.jpg&quot;/></a> (substitui os endereços ex acima.) </li></ul></ul>
  11. 11. 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 / Site do slideshare (slides) http://www.slideshare.net Endereço webnote http://www.aypwip.org/webnote SLIDE: http://www.slide.com/ Site mapa: http://www.maploco.com

×