Vous êtes sur la page 1sur 26

Contedo Blogs Adicionar a Meu favorito

Domingo, 25 de Julho de 2004

Dicas em HTML para criar seu BLOG


1. O que HTML e como posso utiliz-lo? Hypertext Markup Language (HTML - linguagem de marcao de hipertexto) a linguagem utilizada na produo de pginas na Internet. O HTML permite a criao de documentos que podem ser lidos em qualquer tipo de computadore transmitidos pela Internet at por correio eletrnico. Para escrever documentos HTML no necessrio mais do que um editor de texto simples e conhecimentos dos cdigos que compem a linguagem. Os cdigos, conhecidos como "tags", servem para indicar a funo de cada elemento da pgina na rede. 2. Estrutura bsica de um documento HTML

<html> <head> <title>Ttulo do site</title> </head> <body>Contedo do site</body> </html>

3. Bloco de HTML

<html></html>

- indicam o incio e o fim de um documento. Para que o computador reconhea que voc est escrevendo um documento em HTML, todo o seu contedo dever ser colocado no meio destas duas tags. 4. Cabealho do documento

<head></head>
- delimitam o cabealho do documento. 5. Ttulo do documento

<title></title>

- entre estas duas tags, voc deve escrever o ttulo do site, que deve aparecer na barra no topo da tela de seu navegador. 6. Corpo do documento

<body></body> <body>

- estas duas tags delimitam todo o contedo do site. a que aparecero os textos, as imagens, o fundo de tela, entre outras coisas. Dentro da tag voc conseguir especificar: Imagem de fundo

<body background="imagem.gif">
- a imagem que voc deseja configurar como fundo de tela. Cor de fundo

<body bgcolor="cor">
- a cor de fundo de tela. Cor do texto padro

<body text="cor">

- a cor padro de todo o texto da pgina. Cor dos links

<body link="cor">
Cor dos links visitados

- determina a cor de todos os links da pgina.

<body vlink="cor">
Cor dos links ativos

- determina a cor de todos os links j visitados na pgina.

<body alink="cor">
Por exemplo:

- determina a cor dos links ativos.

<body background="imagem.gif" bgcolor="cor" text="cor" link="cor" alink="cor" vlink="cor">contedo</body>


O exemplo seguinte determina que a cor de fundo do site ser amarela, o texto ser preto, os links ainda no visitados sero azuis, os links j visitados sero roxos, e os links ativos sero verdes:

<body bgcolor="yellow" text="black" link="blue" vlink="purple" alink="green">contedo</body>

7. Tamanho da fonte A maneira mais fcil de mudar o tamanho da fonte utilizar as tags:

<H1>texto <H2>texto <H3>texto <H4>texto <H5>texto <H6>texto


O

tamanho tamanho tamanho tamanho tamanho tamanho

H1</H1> H2</H2> H3</H3> H4</H4> H5</H5> H6</H6>

<H1>
deixa a letra maior que o

<H2>
, e assim por diante. 8. Alinhamento do texto O parmetro que deve ser utilizado o ALIGN, seguido de: LEFT - se voc quiser que o texto fique alinhado esquerda. RIGHT - se voc quiser que o texto fique alinhado direita. CENTER - se voc quiser que o texto fique alinhado ao centro. Por exemplo:

<H1 align="left">texto alinhado esquerda</H1> <H2 align="right">texto alinhado direita</H2> <H3 align="center">texto alinhado ao centro</H3>

9. Negrito

[b][/b]

- tudo o que for escrito entre essas duas tags vir em negrito 10. Itlico

<I></I>
- tudo o que for escrito entre essas duas tags vir em itlico 11. Sublinhado

<U></U>
- tudo o que for escrito entre essas duas tags vir sublinhado 12. Subscrito

<sub></sub>
- essas tags rebaixam o texto. Por exemplo: H2O. Ficaria: H2O. 13. Sobrescrito

<sup></sup>
- essas tags elevam o texto. Exemplo: 400 m2. Seria: 400 m2. 14. Formatao de fonte

<font face="tipologia" size="tamanho" color="cor"></font>


- determina o tipo da fonte, o tamanho e a cor do texto que vier escrito entre essas tags. Por exemplo:

<font face="arial" size=6 color="red">O texto ser escrito em vermelho, com fonte arial e tamanho 6.</font>
OBS: O tamanho da fonte pode variar de 1 a 7, sendo 1 a menor fonte, e 7, a maior. 15. Pargrafo

<P></P>
- essas tags delimitam um pargrafo no texto. possvel, neste caso, no fechar a tag

<P>
, ou seja, omitir o

</P>
, sem prejudicar o resultado final. 16. Alinhamento de pargrafo

<P align="left"> <P align="right"> <P align="center">

17. Quebra de linha - quebra linha. Mas, ao contrrio do pargrafo, no deixada uma linha em branco antes da prxima. 18. Alinhamento de bloco de texto

<div align=""></div>

- configura o alinhamento de um bloco todo de texto. O alinhamento pode ser esquerda (left), direita (right) e ao centro (center). 19. Centralizao de texto

<center></center>

- outra maneira de centralizar o texto 20. Rgua horizontal

<HR>
- parmetro utilizado para colocar linhas horizontais em uma pgina. Voc pode determinar a altura, a largura e o alinhamento da linha. Por exemplo:

<hr size=8 align="center" width=75%>


Size - configura a espessura da linha Width - configura a largura da linha (pode ser em porcentagem ou em pixels) Align - determina o posicionamento da linha 21. Imagem

<img>
- a tag necessria para se colocar uma imagem na pgina. A tag <img> pode vir acompanhada de diversos parmetros: Localizao da imagem

<img src="nomedaimagem">

- especifica o endereo da imagem a ser colocada na pgina. Normalmente, as imagens tm terminao .gif ou .jpg. Texto alternativo

<img alt="textoalternativo">

- o texto acompanhado do alt aparecer quando o usurio passar o cursor em cima da imagem. uma legenda alternativa para a imagem. Alinhamento de imagem

<img align="alinhamento">

- alinha a imagem esquerda (left), direita (right), ao centro (middle), no topo da pgina (top) ou no p da pgina (bottom). Borda da imagem

<img border="tamanhodaborda">
- especifica o tamanho da borda, em pixels. Os nmeros tm de ser inteiros. Altura em pixels

<img height="alturadaimagem">
- especifica a altura da imagem, tanto em pixels como em porcentagem. Largura em pixels

<img width="larguradaimagem">
- especifica a largura da imagem, tanto em pixels como em porcentagem. Espaamento horizontal

<img hspace="espaohorizontal">
- especifica um espao em branco a ser deixado entre as bordas esquerda e direita da imagem, em pixels. Ou seja, os textos que forem escritos ao redor da imagem no ficaro grudados nela. Espaamento vertical

<img vspace="espaovertical">

- especifica um espao em branco a ser deixado entre o topo e o p da imagem, em pixels. Ou seja, os textos que forem escritos ao redor da imagem no ficaro grudados nela. Por exemplo:

<img src="computador.gif" alt="Pentium 3" align="right" border=1 height=180 width=120 hspace=10 vspace=10>

- a imagem estar alinhada direita, e toda vez que um usurio passar o cursor em cima dela, aparecer o texto "Pentium 3". 22. Hipertexto Referncia de hipertexto

<a href="http://endereodapgina.htm">Aqui vai o nome ou o endereo da pgina para a qual voc est apontando o link</a>
- estas tags criam links para outras pginas da Internet. Por exempo: para colocar um link do Brasil Online na sua pgina, escreva:

<a href=http://www.bol.com.br>Brasil Online</a>

. Um visitante na sua pgina que clicar sobre o link Brasil Online ser levado pgina principal do site. Referncia de hipertexto com imagem

<a href=http://www.bol.com.br><img src="bol.gif border=0 alt="BOL"></a>


- neste caso, em vez de colocar o link em um texto, voc estar colocando o link em uma imagem. Links na mesma pgina (ncora)

<a name=regio>

- este atributo permite que voc crie links internos na mesma pgina. Por exemplo:

<a href="#explicao">Saiba mais sobre o meu site</a> . . . <a name="explicao">O meu site</a>
No exemplo acima, "Saiba mais sobre o meu site" est vinculado regio chamada "O meu site", ou seja, quando um usurio clicar sobre "Saiba mais sobre o meu site", vai ser levado para a regio, na mesma pgina, chamada "Meu site". O caracter "#" indica que se trata de um link em uma mesma pgina. Link para e-mail

Eu consegui o cdigo do adsense, copiei e cheguei a abrir o editor de html do meu blog, mas no em qual parte devo colar o cdigo. Na ajuda do adsense diz pra colar entre <Body> e </Body>, mas a resposta muito superficial, j que existe um grande espao entre eles e muitos outros cdigos inseridos tambm. Tentei em vrios lugares. Resultado: algumas vezes no apareceu nada, outras apareceu no fim da pgina dizendo que no possvel localizar ... No se preocupem, todas as vezes, por no dar certo, eu sa sem salvar. Me ajudem, preciso que me digam exatamente onde colar, seno no vou conseguir. Obrigada.

Como colar o script AdSense no Blogspot


Como colar o script AdSense no Blogspot J falei de outras formas de insero dos anncios no blogspot. Seja entre posts ou atravs da insero automtica que o sistema permite. Gostaria de explicar agora, como inserir o script gerado pelo Adsense no Blog. Aps gerar o script na sua pgina do AdSense, d um tradicional CTRL+C para copi-lo e siga os passos a seguir: 1. No painel de controle do seu blog, clique na aba "Layout" 2. Clique no Link "Elementos da Pgina"

3.Aparecer um "esquema" do seu blog. Na barra lateral clique em "Adicionar um gadget"

4. Na janela que se abrir procure o item "HTML/JavaScript"e clique no boto azul "Adicionar ao Blog, logo abaixo.

5. Uma nova Janela ser aberta. Na rea de Contedo, cole o cdigo que voc gerou na pgina do AdSense. Como voc o copiou para a memria, basta colocar o cursor na rea e teclar CTRL+V ou colar.

6. Clique em "Salvar"

7. Aparecer na barra lateral a caixa que voc criou. Voc pode repetir a operao e criar mais duas, j que o limite imposto pelo AdSense de 3 anncios por pgina. 8. Arraste as caixas para a posio que voc desejar. 9. Clique em salvar.

10. Pronto. Scripts inseridos. Basta visualizar seu blog e os anncios aparecero aps alguns instantes. Postado por Dan s 00:59

como criar uma pagina em HTML no meu blog? aninhakaiel


Nvel 1 08/04/09

Denuncia r abuso

tenho uma pagina no genero desta: http://rosamaria2948.paginas.sapo.pt/rosamaria2948imagens/SAPATINHOS02.html mas queria que ela ficasse associada ao meu blog, isto : http://aninhatododia.blogspot.com/ deveria ficar: http://aninhatododia.blogspot.com/SAPATINHOS02.html esta pagina registada num bloco notas, mas preciso de ter html para a poder meter no blog. (nao sei se me estou a explicar bem) Atualizao: ninguem me sabe responder? 09/04/09

Respostas 1 - 4 de 4
silasnegociador
Nvel 1 12/06/09

OLA. NA VERDADE O QUE VOCE QUER "APONTAR" O SEU NOVO BLOG PARA UM QUE JA EXISTE...BOM..PARA OS "LEIGOS" COMO NOS MEIO DIFICIL MAS NO IMPOSSIVEL POREM...HA MEIOS MAIS FACEIS SE VOCE USAR A IMAGINAO...VAMOS AO ROTEIRO...1- ENTRE NO PAINEL DO SEU BLOG (http://aninhatododia.blogspot.com/SAPATINHOS02.html). 2- APOS O LOGIN ENTRE EM PAINEL DE CONTROLE (NORMALMENTE APOS O LOGIN VOCE ENTRA AUTOMATICAMENTE) E ENTRE EM "LAYOUT". 3- CLIQUE EM ADICIONAR GADGET, ROLE A BARRA LATERAL ATE ENCONTRAR "IMAGEM" OU "ADICIONAR IMAGEM". 4- CLIQUE E ADICIONE UMA IMAGEM QUALQUER...EU RECOMENDO QUE ENTRE NUM SITE CHAMADO "IMAGECHEF" (www.imagechef.com) E CRIE ALGO BEM LEGAL...EU FIZ UMA PLACA DE TRANSITO COM O URL DO MEU SITE...FICOU MUITO LEGAL...VOLTANDO...NA JANELA DOS GADGETES, EM IMAGENS, DEPOIS DE TER ESCOLHIDO A SUA PREEENCHA O CAMPO "NOME DO SITE" OU "URL DO SITE" (no me lembro) COLOQUE O URL DO SEU NOVO BLOG (http://rosamaria2948.paginas.sapo.pt/rosamaria2948imagens/SAPATINHOS02.html). CUIDADO PARA NO COLOCAR O HTTP:// DUAS VEZES, ERRO COMUM QUANDO A GENTE "COPIA E COLA" O URL. PRONTO...AGORA ABRA O SEU BLOG NUMA OUTRA JANELA E CLIQUE NA IMAGEM... DICA....AO CRIAR A SUA IMAGEM NO "IMAGECHEF" COLOQUE UM TEXTO QUE REMETA O VISITANTE PARA A OUTRA PAGINA...EX..."VISITE A ROSAMARIA!!". VISITE MEU SITE QUE FIZ COM UM BLOGSPOT...www.silasnegociador.com E VEJA A MINHA "ARTE"...E SE QUISER MAIS DICAS ME "ACHE" NO EMAIL silas@silasnegociador.com . beijos.. APOS ISSO SO SALVAR E BOA

Como criar pginas no Blogger


Antes de tudo quero dizer que no ser realmente criada uma pgina, como noWordpress, esta apenas uma maneira genrica para a criao de pginas, muito utilizadas em contato, parcerias e outras, mas que os usurios do Blogger no tem a possibilidade de t-las. Tambm quero salientar que comigo, at hoje no houve problemas na criao destas pginas, mas isso no exclui a possibilidade de voc vir a ter problemas, e mais uma coisa, eu testei isso apenas no Novo Blogger, por isso tambm no sei se funciona com o modelo antigo. Vamos ao que interessa. Voc deve ir ao painel de controle do Blogger e depois na aba Configuraes. Logo abaixo das abas existe um menu relativo a aba em que voc se encontra. Clique em Arquivamento. Na pgina carregada existe duas opes, a Freqncia de arquivamento e Ativar pginas de postagem. A primeira opo voc deve selecionar a opo diariamente, e a segunda deixe em Sim, pois a que est o truque principal, cada postagem sua vai ser transformada em uma pgina nica, ento ter a possibilidade de 'fazer' pginas. Depois das configuraes alteradas, v em criar nova postagem, como voc faz normalmente. Escreva o que quiser. Indico para no ser atribuda nenhuma categoria ou marcador a postagem, pois a pgina poder ser vista onde no deveria. Feita a pgina, clique em opes de postagem. Vai abrir um menu. L deve-se ficar da seguinte maneira: Comentrios dos leitores e Links de retorno - No permitir. Agora o mais importante agora a data e hora da postagem. Geralmente eu coloco essas duas opes nos primeiros dias do blog. Aqui no meu 20 de outubro, e a hora, pode ser qualquer uma. [atualizao]Terminada a edio da postagem, clique em Publicar Postagem. Depois, visite seu blog, como se fosse um usurio comum, e v at a ltima postagem(isso depende da data que voc colocou, no meu, eu coloco como se fosse o primeiro dia do blog no ar, para que fique com certeza na ltima pgina), pois deve ser l que a pgina se encontra. Clique no ttulo do post para exib-lo por inteiro. A pegue a URL, na barra de endereos, que provavelmente deve estar terminado com .html, e coloque esse link onde desejar[/atualizao] O mais legal disso que se voc utiliza o FeedBurner, essa postagem no ser entregue para os leitores, e tambm no aparecer na pgina principal do blog. Qualquer problema que voc tiver em relao a aplicao deste "hack", s comentar, dentro do possvel eu irei te ajudar.

Pginas estticas no Blogger


Finalmente um dos maiores pedidos dos usurios do Blogger foi atendido, as pginas estticas, usadas para fazer uma sesso sobre ou contato. Eu mesmo j havia ensinado como ter essas pginas, mas com um mtodo alternativo, que agora no precisa mais ser usado. Contudo, fique atento que essa funo disponibilizada somente no painel de controle do Blogger em modo rascunho (acessado por draft.blogger.com) e que pode apresentar falhas ou erros.

Como voc pode ver na imagem acima, na aba de postagem, h um link de Editar Pginas. a partir dele que so criadas e editadas as pginas estticas. Ao criar uma Nova Pgina, o editor de postagem aberto com todas funes. Mas ateno! Se voc utiliza um hack de "leia mais", o mesmo no pode ser usado, pois ela no ter resumo em lugar nenhum. uma pgina que ser acessada de forma direta.

H ainda a possibilidade de aceitar ou no comentrios, o que pode ser til para pginas de contato. Note tambm que no se define nem a data/hora, nem marcadores/categorias da postagem.

Ao clicar em Publicar, pedido onde voc quer colocar um link para esta pgina. Na sidebar, abaixo do cabealho e nenhum gadget so as opes. Se escolher na sidebar, um elemento com todas as pginas estticas criadas exibido. A opo abaixo do cabealho no pude testar, pois sempre apresentou erro, e por fim, nenhum gadget a que estou usando, pois eu escolho onde vou colocar a pgina. No meu caso, foi no menu superior. Se antes de fazer a sua quiser ver como esta pgina, pode visualizar a pgina Sobre, pois ela j est usando o novo mtodo.

Como criar uma pagina de abertura para o Blogger


Muitas pessoas me perguntam como dar um estilo diferente para a primeira pgina do blogou mesmo para fazer com que uma determinada postagem seja sempre a primeira a ser vista, como um texto fixo de apresentao e boas-vindas. Para fazer com que um texto fique fixo na primeira pgina do blog, publique-o normalmente, depois entre na pgina de edio do texto eprograme uma data para o futuro, como mostra a a imagem abaixo:

Jogue a data para 2019 por exemplo e este sempre ser o primeiro post visvel em seu blog, encabeando todos os outros que publicar. Para que aparea apenas este post na primeira pgina, v em Configuraes ->Formatao e programe para aparecer apenas uma postagem:

Para dar a primeira pgina um estilo diferente das pginas internas do blog, acrescente aps a tag]]></b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> aqui os estilos para a primeira pgina </style> </b:if> O que fao aqui o uso de uma condicional (em negrito) que determina que o estilo se aplique apenas Home do blog.

Vamos tomar por exemplo um Template Mnima do Blogger (faa sempre experincias com um blog de testes, nada de ir direto modificando seu blog oficial, ok?) que est neste blog de testes; note que a primeira pgina est com as cores modificadas, a largura de outer-wrapper maior e eu inverti o posicionamento das colunas: passei a sidebar para a esquerda e a coluna do post para a direita. Clique no ttulo do post para ver a pgina interna, onde aparece o template Mnima sem modificaes. Para isso eu acrescentei os seguintes cdigos:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'>

body{background: #111;} #header-wrapper{width: 100%;height:120px; background: #303030; border:none;} #header{border:none} #outer-wrapper{width: 900px} #main-wrapper{float: right; width: 600px;background: #f5f5f5} #sidebar-wrapper{float: left; width: 280px; background: #303030} body#layout #header-wrapper, body#layout #sidebar-wrapper, body#layout #mainwrapper{background: none} </style> </b:if> o que est em negrito o estilo para o painel Layout, pois se no especificarmos que no h background, as cores ou imagens escolhidas para a primeira pgina aparecero al tambm. Este apenas um exemplo bastante simples para que entendam como diferenciar a home das outras pginas do blog. Existem muitas possibilidades e a que entra a criatividade de cada um :) possvel criar outros estilos para as diferentes pginas do seu blog e eu recomendo que leiam este post do Bloggersphera, onde tenho aprendido muito sobre o assunto.
Por:Ariane Marcadores: Condicionais, Posts, Tutorial Tweet this! Feed.

Artigos Relacionados
isFirstPost - um estilo diferente para o primeiro post Como criar uma pagina de abertura para o Blogger Novidade: editar imagens nos posts com Picnik Como fazer um template para o Blogger VI - Post Gadget de Posts Rotativos Efeito hover no cabealho, post e sidebar Resumo na pgina inicial com posts de cores diferentes Como colocar jogos em flash no blog Estilo para o link Leia Mais Como criar pginas no blog Customizar o gadget Slide Personalizando o gadget Perfil Menu com imagens e efeito hover Usando o Widget de Imagem para destaques no blog Artigos Relacionados no Blogger Mais menus horizontais Colocando um slide no blog Convertendo tema do Wordpress para o Blogger II Convertendo tema do Wordpress para o Blogger I Mostrar data em todos os posts de um mesmo dia

32 Comentrios:

Robson Assis disse... ...e bem quando eu achei que vc no podia quebrar mais o Wordpress! :) Parabns pelo blog. bjs

18 Junho, 2009

F3N1X disse... Muito, Legal est dica vc sempre surpreende. Parabns, continue fazendo esse timo trabalho!!!

18 Junho, 2009

Invibol ( Yan Victor) disse... Estava querendo muito esse tutrial parabns!!! Seu blog excelente continue assim :D.

18 Junho, 2009

Wipeout disse... Excelente blog! Acabei de mandar um e-mail p/ voc no tenho certeza se foi pq meu navegador anda meio 'zuado', enfim tenho um problema no meu blog http://japanvisualkei.blogspot.com/, quando clico em uma postagem do mesmo, as colunas ficam abaixo da postagem! ): , Como arrumo isso? Quanto custa me informar isso? E tipo a data tambm no aparece regularmente, como por exemplo o Black layout que tem aqui! Ficarei muito grato se me ajudar nessa!

18 Junho, 2009

Kanav disse... Muito legal Ariane! Vo tenta faze aki depois ;D Mudando um pokin de assunto, pod me tirar uma dvida? Na hora de editar os botes de postagem mais antigas e recentes lah, eu tento por ">>" e no vai, ele no reconhee, mais eu ja vi em alguns blogs isso... Como fao pra colocar? Bjos ;)

18 Junho, 2009

Ariane disse... coloca no lugar: &gt; mas coloca tudo junto, eu separei aqui pra no ser interpretado pelo navegagor.

18 Junho, 2009

Wipeout disse... Por favor Ariane, no esquea de me dar essa ajuda, agradeo muito!

19 Junho, 2009

J. Neto disse... eu inverti o posicionamento das colunas: passei a sidebar para a esquerda e a coluna do post para a direita.

Ariane, era exatamente isto que eu queria fazer no meu blog. S que inverso: "passar a sidebar para a direita e a coluna do post para a direita" no meu template. Existe a possibilidade de voc~e me ajudar nisso? por exemplo: me indicando onde mexer no template, e em que cdigos, para eu fazer isso. OBS. no entanto, sei que por voc ser uma pessoa bastante ocupada, eu no quero que isso seja muito trabalho para voc, s se realmente voc puder, pode? Desde j te agradeceria bastante. Ao menos aguardo uma resposta - se sim ou no. Abraos

21 Junho, 2009

Lucas Rezende Tedeschi disse... boa dica, mas agora eu tneho uma coisa que muitos procuram( eu tambem) e seria bom, como colocar cdigos HTML em uma postage, eu fiz isso que vc ensinou de deichar uma postagem omo home, mas eu gostaria de colocar um menu que fiz que ficou bem legal, sq ue ele HTML, e gostaria de colocalo dentro dessa postagem tem como?

21 Junho, 2009

Bremds disse...

Eu gostaria de saber como faz aquele quadro para aparecer uma mensagem logo quando abre o blog, mas que d pra fechar T_T

23 Junho, 2009

Planet Motors disse... Oi Ariane eu procurei no seu blog mais no encontrei nada sobre I-frames. Eu queria que voc me ajudasse pq no tem ninguem melhor do que voc quando o assunto e html blogger e etc. Eu queria colocar um i-frames. mais aonde eu coloco o codigo. http://limine.net/deeply/goddies/i-frames

24 Junho, 2009

testes disse... Oi Ariane tem como vc me ajudar com I-frame? Eu preciso da sua ajuda para colocar iframe apenas para as postagem. Eu tava vendo esse tutorial mais ele no est explicando detalhadamente. Tem como voc me ajudar? Por exemplo aonde eu coloco os codigos do inframe. Como deletar as tags de postagem. Eu tava vendo esse tutorial nesse link http://limine.net/deeply./goodies/i-frames/

mais est dificil de entender. Mais como eu aprendi muitas coisa com o seu blogger eu queria a sua ajuda. Por favor!

24 Junho, 2009

Washington disse... No meu blog aparece "Sua postagem ser automaticamente publicada em 27/06/16 s 06:22." e no aparece na primeira pagina

27 Junho, 2009

Ariane disse... Washington, bem observado, esqueci de colocar uma orientao: preciso primeiro publicar o post normalmente, depois entrar na pgina de edio e ai alterar a data, ok? Vou acrescentar no tutorial, obrigada.

27 Junho, 2009

Luiz Otvio disse... Novamente, muito obrigado, seu blog j me tirou milhares de dvidas, parabns, seu blog o melhor.. abrao

28 Junho, 2009

Gustavo T.S. disse...

Muito criativa a idia, como ningum nunca pensou nisso antes?

02 Julho, 2009

estudiodicas disse... muito boa dica! valeu pela idia! abraos.

12 Julho, 2009

Licca disse... quando eu coloquei a data para 2019 apareceu l no meu blog tb como se eu tivesse publicado o texto em: Sbado, 17 de Agosto de 2019 como fazer pra ficar a data atual?

17 Agosto, 2009

Misses e Adorao disse... Ol Ariane, vou testar a dica. Mas, no meu caso, a data da postagem aparece na pgina. Como contornar isso?

17 Agosto, 2009

Misses e Adorao disse... Ol Ariane, eu de novo No caso, a postagem que sempre aparecer deveria vir sempre com "data de hoje", ou seja, a data atual, a cada acesso. possvel?

17 Agosto, 2009

.* wsy disse... Washington, bem observado, esqueci de colocar uma orientao: preciso primeiro publicar o post normalmente, depois entrar na pgina de edio e ai alterar a data, ok? Vou acrescentar no tutorial, obrigada. --------------------------------AGORA QUE EU FUI LER ISSO! ^^ ESQUECE O PRIMEIRO COMENTARIO! OBG ARIANE VOC 10

08 Setembro, 2009

Annimo disse... EU QUERIA SABER ISSO FAIZ MUITO TEMPO AUSHUASUHSAUH + NUNCA AXEI COMO PARABNS ARIANE VLWWW

13 Setembro, 2009

Renato A. Frana disse...

Ol Ariane, gostaria de tirar uma dvida.. No destaque de vermelho "aqui os estilos para a primeira pgina" eu devo postar o html da postagem publicada ??? Agradeo desde j a sua resposta.

Parabns pelo Blog... o melhor em toda a internet*

01 Abril, 2010

Renato A. Frana disse... o que seria "aqui o estilo para a primeira pagina" ?? Agradeo desde j a sua resposta. Parabns pelo blog

01 Abril, 2010

.Brainiac disse... Great. Muito Bom. Congrats.

12 Abril, 2010

Raphael disse... Boa dica, mas no meu blog nao seria interessante us-la.

18 Maro, 2011

Fabiana disse... o que seria "aqui o estilo para a primeira pagina" ?? Agradeo desde j a sua resposta. Parabns pelo blog [2]

31 Maro, 2011

Eduardo Soares disse... Olha, o pessoal destes blogs de dicas para blogs esto de parabns. O que eu tenho aprendido com vocs... Esta dica ento. Dei um estilo bacana ao blog da empresa que criei. Obrigado pessoal por compartilhar suas sabedorias conosco.

Esto todos de parabns.

11 Abril, 2011

jorge matos disse... Seu Blog muito bom. Parabns

13 Abril, 2011

jorge disse... Parabens Ariane. Seu site muito bom.Para quem est comeando como eu, tem muitas dicas boas

17 Abril, 2011

Anya disse... Ariane, Antes de mais nada, parabens pelo blog e pela considerao que voc demonstra ter para com seus leitores. Meu comentrio no tem exatamente a ver com o teor de seu artigo (pelo qual agradeo, assim como por todos os outros que tenho lido), mas creio ser de interesse para quem usa a internet, 'blogando' ou no. Ao terminar a postagem, voc indica um site que, ao acessar, constatei ter sido avaliado como sendo de "m reputao", por parte do complemento WOT (Web of Trust) que instalei recentemente em meu PC. Voc saberia alguma coisa a este respeito? No me consta que eu tenha tido problemas acessando este site... Bem, obrigada mais uma vez, e um abrao Angela

17 Maio, 2011

Ariane disse... Anya obrigada pelo aviso. Na verdade o bloggersphera mudou de endereo, agora : http://www.bloggersphera.com.br/2009/03/bif-belse-blogger-condicionais.html J alterei no post, obrigada :)

Como criar pginas da web, pelo Bloco de Notas?



3 anos atrs Denuncie

mercuryo... Melhor resposta - Escolhida pelo autor da pergunta A muito facil, vou lhe esplicar como q se faz uma pagina simples! Todo documento HTML composto de Tags. Este o nome dados aos comandos HTML. Voc deve comear sua pgina com a tag <HTML>, na primeira linha do cdigo, e terminar com </HTML> na ltima linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento necessrio para que ela possa ser interpretada pelo navegador. A estrutura

das tags formada por: <xxx>: Este o inicio da tag;* </xxx>: Este o fechamento da tag para que ela possa funcionar.** * xxx apenas uma representao de uma tag, no uma tag HTML. ** Algumas tags no necessitam do fechamento. Neste caso voc ser avisado. Entre o incio da tag e o seu fechamento ficam os textos, parmetros, atributos e at outras tags que vo formando a sua pgina. Se voc no fechar corretamente as tags, a pgina no ir ser mostrada direito ou nem mesmo ir aparecer. Aps iniciar o documento com a tag <HTML> voc deve incluir o cabealho que feito com as tags <HEAD> </HEAD>. E tambm um ttulo usando o par <TITLE> ... </TITLE>. Geralmente, o ttulo no mostrado na pgina, porm os navegadores o utilizam para entitular a janela de visualizao. Coloque um ttulo bem claro e explicativo para seus documentos. - A tag <BODY> O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento sero colocados todos os comandos para apresentao de uma pgina HTML. Entre as tags <BODY> e </BODY> que voc vai colocar todos os cdigos para sua pgina. Um documento simples seria digitado da seguinte maneira: <HTML> <HEAD> <TITLE> Meu documento HTML </TITLE> </HEAD> <BODY> Aqui voc coloca os comandos em HTML. </BODY> </HTML> Os espaos em branco so ignorados quando o navegador "l" o cdigo. Assim o cdigo acima poderia ser escrito da seguinte forma: <HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui voc coloca os comandos em HTML.</BODY></HTML> A vantagem que isto economiza espao em disco, mas uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entend-los posteriormente. - Atributos do <BODY> Atravs de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das pginas, bem como uma imagem de fundo (papel de parede da pgina): <BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer"> Onde: - BGCOLOR Cor de fundo (padro: cinza ou branco) - TEXT

Cor dos textos da pgina (padro: preto) - LINK Cor dos links (padro: azul) - ALINK Cor dos links, quando acionados (padro: vermelho) - VLINK Cor dos links, depois de visitados (padro: azul escuro ou roxo) - BACKGROUND Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui. Em "cor", voc pode colocar os valores de cores em ingls como: Preto = black Branco = white Azul = blue Amarelo = yellow Vermelho = red Voc tambm pode usar o valor hexadecimal de cores ou "RRGGBB", que a forma mais comum de definir cores usadas na Internet.. Com isso voc pode colocar em sua pgina outras cores diferentes, como um azul-claro. Para isso voc deve ter o cdigo das cores, e no lugar de escrever o nome da cor em ingls, voc coloca o valor da cor Algumas cores disponveis RRGGBB (hexadecimal): Cor - Cdigo HTML PRETO - #000000 BRANCO - #FFFFFF VERMELHO - #FF0000 VERDE - #00FF00 AZUL - #0000FF ROSA - #FF00FF AMARELO - #FFFF00 OBS.: No se esquea de salvar o arquivo como somente texto 3 anos atrs Denuncie Avaliao do autor da pergunta: Comentrio do autor da pergunta: Parabns! Estou aprendendo lidar com a linguagem HTML. Um dia eu chego l! "Existe o no, mas no o impossvel."

No a resposta certa? Tente o Yahoo! Buscas


Busca do Yahoo! para Outras Respostas (4)

Buscar

Jlio Neto Amigo dificil! Vc precisa estudar HTML. bastante! Eu poo te dar uma ajuda. Passa l num dos meus blogs.

Acesse meu blog de informtica: http://3tnews.wordpress.com/ e meu blog sobre ingls: http://inglesnow.wordpress.com/ o 3 anos atrs o Denuncie

douglast... vc tem que saber algum tipo de linguagem para Web, HTML por exemplo, vc faz os cdigos dentro do bloco de notas e salva no formato .HTML e depois abre o documento com o seu navegador pra ver como est ficando. o 3 anos atrs o Denuncie

Yehokhan... Exatamente. precisa conhecer a linguagem de programaao. segue um exemplo, copie essas linhas de comando e cole no bloco de notas. salve o arquivo com extencao *.html ou htm <HTML> <HEAD> <TITLE> Meu documento HTML </TITLE> </HEAD> <BODY> Aqui voc coloca os comandos em HTML. </BODY> </HTML> o 3 anos atrs o Denuncie

DOCTOR X Voc jamais conseguir criar uma pgina web descente pelo Bloco de Notas, isso porque as pginas web devem possuir um apelo visual, o que praticamente impossvel conseguir apenas usando o Bloco de Notas. Com o Bloco de Notas vc s conseguir fazer pginas simplesmente, praticamente s com texto. Existem tantos programas grficos editores de HTML, muitos free, no vejo porque querer usar o Bloco de Notas.

Vous aimerez peut-être aussi