sábado, 29 de maio de 2010
Rolagen de baner's
Eae pessoal Hoje Vou ensinar a voces como Colocar um rolagem de banner de parceiros igual ao do CriandoPortais.com.
Entao primeira coisa baixe o codigo para fazer :
Downloads : (4-Shared) (Rapid-Share)
1°PRONTO Após Baixado Vá em LAYOUT>ELEMENTOS DA PÁGINA
2°Crie um gadget HTML/JAVASCRIPT e cole o codigo que voce baixou !
3° No Final do código estará escrito :
naquele lugar voce apaga essa mensagem e coloca o codigo do seus banners e Salva !
Entao primeira coisa baixe o codigo para fazer :
Downloads : (4-Shared) (Rapid-Share)
1°PRONTO Após Baixado Vá em LAYOUT>ELEMENTOS DA PÁGINA
2°Crie um gadget HTML/JAVASCRIPT e cole o codigo que voce baixou !
3° No Final do código estará escrito :
naquele lugar voce apaga essa mensagem e coloca o codigo do seus banners e Salva !
Resumo de Postagens
O Blogger colocou a opção leia mais na sua pagina de postagem, entre nas configurações do seu blog e veja no final da pagina selecionar editor de postagem, selecione a primeira opção (Editor atualizado) e clique para salvar.
Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem
Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.
Vamos até a pagina editar html, clique para expandir o modelo e procure por:
e coloque isso logo depois:
o trecho ficará assim:
Agora é só clicar para salvar as alterações e visualizar o blog que aparecerá a frase veja o texto completo no final da postagem que acabamos de fazer. Lembramos que esse procedimento feito na pagina editar html só é necessário na primeira vez, nos próximos textos que publicar basta clicar na ferramenta na pagina de postagens e escolher o lugar onde aparecerá essa frase. E naturalmente você pode escrever o que quiser no lugar onde colocamos veja o texto completo.
Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem
Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.
Vamos até a pagina editar html, clique para expandir o modelo e procure por:
e coloque isso logo depois:
o trecho ficará assim:
Agora é só clicar para salvar as alterações e visualizar o blog que aparecerá a frase veja o texto completo no final da postagem que acabamos de fazer. Lembramos que esse procedimento feito na pagina editar html só é necessário na primeira vez, nos próximos textos que publicar basta clicar na ferramenta na pagina de postagens e escolher o lugar onde aparecerá essa frase. E naturalmente você pode escrever o que quiser no lugar onde colocamos veja o texto completo.
Reflexo Nos baner's
Tutorial como fazer Reflexo em Banners
Feito por mim mesmo : TNT
Resultado Final :
Feito por mim mesmo : TNT
Resultado Final :
Reculperar Senhas
Tutorial Ensinando como voce recuperar sua senha do blog sendo que voce tenha esquecido
ou algum mal intencionado tenha te roubado..
1°Entre no Site do blogger : www.blogger.com
2° Clique em Senha (?)
Clique exatamente no ponto de interrogação para quem nao sabe é esse : (?)
3°Você será redirecionado para um página de confirmação do seu blog.
Terá uma caixinha para voce colocar seu email:
4°Digite Seu e-mail e clique em consulta .
5° Acesse seu email e siga os procedimentos para redefinição da sua senha
terça-feira, 25 de maio de 2010
Como Recuperar um Blog
Bom pessoal esse tutorial ensina a Recuperar seu blog caso alguem tenha excluido ou até voce mesmo!
obs : esse tutorial só serve para blogs q foram excluidos em um prazo de 90 dias se ele foi excluido a mais que isso infelizmente naotem como recuperar mais.
1° Entre No Painel do Seu Blog logo no incio estará escrito : Exibindo 6 de 40 blogs – Mostrar Tudo
O Numero 6 Representa meus blogs online o 40 representa os que estão na Lixeira.
2° Clique em Mostrar Tudo Note que irá aparecer uma lista de todos os seu blogs exlcuidos e ainda terá uma data de quando foi excluido seu blog.
3° Escolha o blog que voce quer Recuperar e clique em : Cancelar a exclusão deste blog.
5° Pronto seu Blog está restaurado de volta normalmente
Protegr Postagens
Com tantas pessoas copiando textos e imagens encontramos um site bem interessante que coloca automaticamente um link junto com o texto copiado, estamos falando do Tynt Insight. Basta entrar no site, e fazer um cadastro simples inserindo o endereço do seu blog, sem o http://, seu endereço de email e escolher uma senha após isso clique em Get Started.
Selecione a linguagem correta ou seja portuguese (Brazil), se quiser pode adicionar um link do Creative Commons nos textos copiados do seu blog. Veja que conforme faz as alterações o link que está no exemplo ao lado(preview) se modifica, quando estiver pronto copie o código.
Agora entre na pagina layout do seu blogger, clique em adicionar gadget, html/javascript, cole o código e clique para salvar. Quando visualizar o seu blog não notará diferença alguma, esse código é invisivel no blog, mas copie algum trecho do texto e cole no bloco de notas e verá a diferença: além do texto aparecerá um link da pagina do seu blog de onde copiou o texto.
Concordo que isso não impedirá a ação dos plagiadores, mas achei que é um recurso bem interessante para colocar no blog e talvez possa servir para algumas pessoas colocarem o link do blog se forem usar essa copia para publicar em outro lugar como comunidades do orkut ou alguma outra rede social ou foruns de discussão. Depois de um dia que instalou o código você pode voltar no site Tynt Insight e fazer login e ver alguns estatisticas sobre as cópias feitas do seu blog.
Selecione a linguagem correta ou seja portuguese (Brazil), se quiser pode adicionar um link do Creative Commons nos textos copiados do seu blog. Veja que conforme faz as alterações o link que está no exemplo ao lado(preview) se modifica, quando estiver pronto copie o código.
Agora entre na pagina layout do seu blogger, clique em adicionar gadget, html/javascript, cole o código e clique para salvar. Quando visualizar o seu blog não notará diferença alguma, esse código é invisivel no blog, mas copie algum trecho do texto e cole no bloco de notas e verá a diferença: além do texto aparecerá um link da pagina do seu blog de onde copiou o texto.
Concordo que isso não impedirá a ação dos plagiadores, mas achei que é um recurso bem interessante para colocar no blog e talvez possa servir para algumas pessoas colocarem o link do blog se forem usar essa copia para publicar em outro lugar como comunidades do orkut ou alguma outra rede social ou foruns de discussão. Depois de um dia que instalou o código você pode voltar no site Tynt Insight e fazer login e ver alguns estatisticas sobre as cópias feitas do seu blog.
Post No Inicio
Eae pessoal hoje vou ensinar a voces como Tirar as Postagens da sua pagina inicial ou se voce nao quiser tirar diminuir o tanto de postagens q aparecera na pagina inicial.
1°Vá Em Configurações e clique em formatação.
2°Note Que tera um numero dentro de uma caixinha esse numero é o tanto de postagens que vao ter na sua pagina inicial entao altere como voce desejar o meu no caso fica em 9 postagens.
3°Depois de Voce Ter Alterado Salve e Pronto Visualize que terá na sua pagina incial somente o tanto de postagens que voce escolheu!
1°Vá Em Configurações e clique em formatação.
Opçoes de Marcadores
Recentemente me perguntaram ser era possível criar listas com somente alguns dos marcadores do blog, a principio achei que era impossível, mas o gadget dos marcadores tem uma nova função que permite escolher quais marcadores você vai mostrar na lista, ou seja, agora não é mais obrigatório mostrar a lista completa.
Entre na pagina layout e clique para editar os marcadores do blog
Veja que tem a opção marcadores selecionados, quando clicamos nela aparece embaixo escrito marcadores selecionados: 25 de 25 editar (esse é o exemplo deste blog no momento que fiz a postagem, portanto os números variam). Então só precisa clicar na palavra editar.
Agora selecione aqueles marcadores que deseja mostrar clique no botão concluído, depois em salvar e já está pronta sua lista de marcadores somente com aqueles que você escolheu.
Entre na pagina layout e clique para editar os marcadores do blog
Veja que tem a opção marcadores selecionados, quando clicamos nela aparece embaixo escrito marcadores selecionados: 25 de 25 editar (esse é o exemplo deste blog no momento que fiz a postagem, portanto os números variam). Então só precisa clicar na palavra editar.
Agora selecione aqueles marcadores que deseja mostrar clique no botão concluído, depois em salvar e já está pronta sua lista de marcadores somente com aqueles que você escolheu.
Opçoes de Postagens
Atualmente existem 3 modos de fazer as postagens do seu blog, ou melhor, dizendo três maneiras de exibir a pagina para criar e editar as postagens do blog são elas: editor atualizado, editor antigo e ocultar modo escrever.
O modo atualizado mostra a opção resumo da postagem (inserir jump break) a ultimo botão da barra de ferramentas, além disso, é permite publicar códigos HTML para fazer isso clique em opções abaixo de onde digita a postagem e selecione a opção Mostrar HTML literalmente, infelizmente nem tudo é perfeito nesta versão não aparece mais a ferramenta para postar vídeo que no editor antigo permite publicar seus vídeos diretamente pelo blog, mas isso pode ser facilmente resolvido usando o colocando os vídeos no Youtube.
A ultima opção é igual ao editor antigo apenas sem mostrar a opção editar HTML. Nos 3 casos é muito fácil usar basta editar (escolher as cores, tamanhos e tipo de letras como num editor de texto qualquer que tenha no seu computador), mas lembramos que é mais recomendável fazer uma edição geral das postagens pela pagina editar HTML assim se quiser modificar alguma coisa nas postagens todas elas ficaram iguais o que não acontece se formatar seu texto na hora de publicar. Por exemplo, se quando publicar o texto escolher a cor da letra como azul escuro e depois de algum tempo resolver mudar a cor de fundo do seu blog para um cor escura precisará editar essas postagens com letras escuras uma por vez.
Por esse motivo sugerimos entrar na pagina editar html e procurar por .post{....} e se não encontrar adicionar esse estilo junto com os demais estilos CSS(#main, #sidebar, body, ...) que já tem no seu blog, e assim fazer a formatação de todos seus textos de uma vez só deste modo facilitando futuras alterações. Onde colocamos os pontinhos dentro das chaves veja aqui como formatar o texto do blog usando CSS. Isto é muito mais fácil e útil do que parece.
O modo atualizado mostra a opção resumo da postagem (inserir jump break) a ultimo botão da barra de ferramentas, além disso, é permite publicar códigos HTML para fazer isso clique em opções abaixo de onde digita a postagem e selecione a opção Mostrar HTML literalmente, infelizmente nem tudo é perfeito nesta versão não aparece mais a ferramenta para postar vídeo que no editor antigo permite publicar seus vídeos diretamente pelo blog, mas isso pode ser facilmente resolvido usando o colocando os vídeos no Youtube.
Por esse motivo sugerimos entrar na pagina editar html e procurar por .post{....} e se não encontrar adicionar esse estilo junto com os demais estilos CSS(#main, #sidebar, body, ...) que já tem no seu blog, e assim fazer a formatação de todos seus textos de uma vez só deste modo facilitando futuras alterações. Onde colocamos os pontinhos dentro das chaves veja aqui como formatar o texto do blog usando CSS. Isto é muito mais fácil e útil do que parece.
Nuves de Tags em seu blog
Colocar uma nuvem de tags no blog é muito mais fácil do que parece, sempre pensei que eram códigos grandes, mas na verdade dá pra deixar tudo pronto em 3 minutos. Essa nuvem faz com que os titulos dos marcadores do blog fiquem em movimento como se estivessem girando em torno de uma bola, veja esse código em funcionamento em nosso blog Frases Curtas.
Para colocar um igual no seu blog vocé só precisa copiar esse código e fazer algumas alterações:
Antes de colocar no blog vamos entender como personalizar aparência dele, veja as seguintes partes:
Largura e altura da widget: width = "240" height = "300"
apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog
Cor de fundo " #ffffff ");
as letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras
Cor do Texto: 0x333333
idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar
Tamanho do texto: style='12'
o numero 12 é o tamanho da letra então altere como quiser
Agora que já deixou o código como queria entre na pagina editar html (não clique para expandir o modelo) procure por
Então coloque o código logo depois dessa linha e clique para salvar, visualize seu blog e veja se está tudo certo.
Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.
Numerar Páginas
Em atendimento ao pedido do Leitor Felipe, fui em busca de tutoriais para inserir os números das páginas de um blog da plataforma Blogger, abaixo dos artigos.
Esse tipo de enumeração é bastante interessante, pois, facilita e vida o leitor ao navegar pelo blog, onde ele verá uma estrutura organizada e consequentemente diminuirá sua taxa de rejeição.
Pois bem, encontrei no Dicas para Blogs, um extenso tutorial, entretanto, é muito bem explicado pelo Fabiano Roberto, que detalha passo a passo de como realizar os procedimentos.
Pois bem, encontrei no Dicas para Blogs, um extenso tutorial, entretanto, é muito bem explicado pelo Fabiano Roberto, que detalha passo a passo de como realizar os procedimentos.
DICAS
- Clique aqui para acessar o tutorial;
- Realize um backup, antes de começar as alterações no template;
- Utilize o atalho CTRL + F para localizar textos em seu navegador.
Musica no Blog
Um site que achamos muito fácil de usar para colocar musica no blog é o Goear, basta procurar pela musica que deseja depois copiar o código do player que está na caixinha This song in your site, e colocar no seu blog pela pagina layout, adicionar gadget, html/javascript.
Além disso, se quiser pode fazer um cadastro clicando em Login / Register e depois hospedar (fazer upload) de suas próprias musicas ou qualquer arquivo de som. Isso pode servir até mesmo para colocar sua voz falando algo no seu blog. Tudo isso de maneira muito simples e rápida de fazer.
Além disso, se quiser pode fazer um cadastro clicando em Login / Register e depois hospedar (fazer upload) de suas próprias musicas ou qualquer arquivo de som. Isso pode servir até mesmo para colocar sua voz falando algo no seu blog. Tudo isso de maneira muito simples e rápida de fazer.
Mural De Recados
Veja como é fácil colocar um mural de recados ou chat no seu blog, isso pode servir como uma forma de manter contato mais direto com seus leitores ou ainda como uma sala de bate papo no blog, afinal como todos podem ler os recados poderão conversar uns com os outros. Além disso, se não quiser deixar o mural no blog para que não demore para carregar o site cria automaticamente uma pagina individual para o seu mural.
O primeiro passo é entrar no site http://www.cbox.ws, clicar para criar uma conta (sign up), se já tiver cadastro é só fazer login. Para fazer o cadastro escolha bem o que vai digitar na primeira linha no campo Cbox name, porque esse será o endereço do seu mural de recados se quiser usar separadamente do blog.
Após fazer um cadastro simples verá uma mensagem dizendo que foram enviados alguns detalhes sobre seu cadastro para o email que usou e já está pronto. Agora é só fazer login e pegar o código do seu mural de recados, clique em Publish! e verá essa tela:
Nela você pode escolher se colocará o mural aparecendo no blog ou como um link para um pop up (janelinha com o mural, como em alguns blogs usam os comentários) para isso marque a opção Popup Cbox que está sobre a caixa do código. Depois é só copiar o código e colocar no blog pela pagina layout, adicionar gadget, html/javascript.
Mas ainda na pagina onde pegou o código do mural veja no final daquela pagina Remember that you..... na linha abaixo tem o link da pagina do mural, ou seja, se quiser pode criar um link para esse endereço como se fosse para qualquer outra pagina na internet e assim usar o mural em uma pagina individual separadamente do blog.
Agora que já está tudo instalado e funcionando se quiser pode navegar no site Cbox e certamente achará muitas opções interessantes para personalizar esse mural de recados que acabamos de criar. Por exemplo, clicando em LooK & Feel >> Style Gallery poderá achar vários modelos só precisa clicar sobre um deles e confirmar (botão aparece sobre o modelo). Outra coisa interessante é entrar em Options >> Posting opitions, lá você poderá definir se permite ou não as pessoas deixarem seus links, o tamanho maximo da mensagem e outras coisas. Enfim quando mais mexer no site mais coisas poderá encontrar para incrementar seu blog.
O primeiro passo é entrar no site http://www.cbox.ws, clicar para criar uma conta (sign up), se já tiver cadastro é só fazer login. Para fazer o cadastro escolha bem o que vai digitar na primeira linha no campo Cbox name, porque esse será o endereço do seu mural de recados se quiser usar separadamente do blog.
Após fazer um cadastro simples verá uma mensagem dizendo que foram enviados alguns detalhes sobre seu cadastro para o email que usou e já está pronto. Agora é só fazer login e pegar o código do seu mural de recados, clique em Publish! e verá essa tela:
Nela você pode escolher se colocará o mural aparecendo no blog ou como um link para um pop up (janelinha com o mural, como em alguns blogs usam os comentários) para isso marque a opção Popup Cbox que está sobre a caixa do código. Depois é só copiar o código e colocar no blog pela pagina layout, adicionar gadget, html/javascript.
Mas ainda na pagina onde pegou o código do mural veja no final daquela pagina Remember that you..... na linha abaixo tem o link da pagina do mural, ou seja, se quiser pode criar um link para esse endereço como se fosse para qualquer outra pagina na internet e assim usar o mural em uma pagina individual separadamente do blog.
Agora que já está tudo instalado e funcionando se quiser pode navegar no site Cbox e certamente achará muitas opções interessantes para personalizar esse mural de recados que acabamos de criar. Por exemplo, clicando em LooK & Feel >> Style Gallery poderá achar vários modelos só precisa clicar sobre um deles e confirmar (botão aparece sobre o modelo). Outra coisa interessante é entrar em Options >> Posting opitions, lá você poderá definir se permite ou não as pessoas deixarem seus links, o tamanho maximo da mensagem e outras coisas. Enfim quando mais mexer no site mais coisas poderá encontrar para incrementar seu blog.
Mudar Fundo Da Chat
Todos se Perguntam como mudo aquele fundo do chat que nao combina com meu site e talz..
entao pessoal hoje eu TNT vou ensinar a Voces Como Resolver esse Problema ^^.
1°Já Com o seu Xat Colocado no Seu Site entre Nesse Site : www.tinypic.com
agora clique em "Arquivo" e Selecione sua Imagem e clique em "Upload".
2° agora Copie Somente o Direct Link ou Seja Link Direto :
3°Agora Vá em Seu Chat e Clique em "Edit seu Chat" ou se Estiver em Ingles "Edit Your Chat".
4°Clique em Change Background ou Mudar Fundo.
5°Coloque o Codigo da Sua Imagem na Caixinha e Clique em Get Images.
entao pessoal hoje eu TNT vou ensinar a Voces Como Resolver esse Problema ^^.
1°Já Com o seu Xat Colocado no Seu Site entre Nesse Site : www.tinypic.com
agora clique em "Arquivo" e Selecione sua Imagem e clique em "Upload".
2° agora Copie Somente o Direct Link ou Seja Link Direto :
4°Clique em Change Background ou Mudar Fundo.
5°Coloque o Codigo da Sua Imagem na Caixinha e Clique em Get Images.
6°Sua Imagem Irá Aparecer Pronto é So Clicar Em cima Dela que o Fundo Do Chat Estará Mudado!
Ocultar "Mostrando Postagens"
Quando clicamos em um dos marcadores do blog sempre aparece à mensagem avisando que estamos vendo somente as postagens daquele marcador e um link para mostrar todas as postagens (pagina inicial), por exemplo: Mostrando postagens com marcador Twitter. Mostrar todas as postagens.
Muitas pessoas não gostam disso e escreveram perguntando como retirar esse aviso sobre mostrar somente um marcador, o código para fazer isso é muito simples e fácil de usar, entre na pagina editar html e antes de ]]> coloque esse código:
.status-msg-wrap{display: none;}
Clique para salvar e já está pronto, agora quando clicar em um dos marcadores do blog não aparecer mais a mensagem nem o link para mostrar todas as postagens. Outra coisa que já perguntaram algumas vezes é como não mostrar o Assinar: Postagens (Atom), o procedimento é basicamente o mesmo, entre na pagina editar html e procure por:
.feed-links {
clear: both;
line-height: 2.5em;
display: none;}
No seu blog não tem a linha display: none; é justamente ela que faz ocultar o link para assinar o feed, se não achar esse trecho é só colocar no html do blog e pronto. E já que estamos falando sobre como não mostrar coisas no blog vale a pena relembrar a dica sobre como ocultar a barra padrão do blogger que fica no topo da pagina.
Se quiser trocar a frase Mostrando postagens com marcador Responsabilidade Social. Mostrar todas as postagens, entre na pagina editar html, clique para expandir o modelo e procure por:
Como Fazer Menus Laterais
1° Antes de Tudo você Já Precisa ter Postagens no Blog
2°Clique em Layout depois Elementos da Página
3°Clique em Adicionar um Gadget.
4°Selecione "Marcadores"
5°Deixe Nessa Configuração
2°Clique em Layout depois Elementos da Página
3°Clique em Adicionar um Gadget.
4°Selecione "Marcadores"
5°Deixe Nessa Configuração
6°Onde está Escrito Nome Do Menu Coloque o Nome do Seu Menu Tipo Downloads e Etc.
7°Clique em Editar onde está um Circulo em Volta.
8° Selecione somente os Marcadores que voces quer e clique em "Concluido" e Pronto Menu Feito
9°Se kiser mudar o Menu de Lugar Vá em Layou>>Elementos da Página e Clique e Arraste o Gadget para onde quiser e Salve.
Link Leia Mais
Conforme anunciado pelo Gustavo, meu nome é Vitor Zucon e a partir de hoje estarei juntamente com ele, apresentado dicas e tutoriais dos procedimentos implementados neste blog e mostrando que é possível ter um blog de sucesso usando a plataforma Blogger/Blogspot.
Inicio com esta primeira postagem, demonstrando como inserir o link "Leia mais...", abaixo do resumo do post, para que seja clicado e então mostre o artigo completo.
Esse procedimento é extremante é interessante porque o leitor terá que clicar no link para ler o post completo. Dessa forma será possível identificar mais facilmente os artigos mais lidos (populares).
No blog Template Novo Blogger encontrei um tutorial detalhado, explicando passo a passo dos procedimentos.
Caso queira utilizar outro termo que não seja Leia mais..., siga os seguintes procedimentos:
Qualquer dúvida, deixem nos comentários.
Até a próxima!
Esse procedimento é extremante é interessante porque o leitor terá que clicar no link para ler o post completo. Dessa forma será possível identificar mais facilmente os artigos mais lidos (populares).
No blog Template Novo Blogger encontrei um tutorial detalhado, explicando passo a passo dos procedimentos.
Caso queira utilizar outro termo que não seja Leia mais..., siga os seguintes procedimentos:
- Acesse o menu Layout;
- Opção Editar HTML;
- Marque Expandir modelos de widgets;
- Pressione CTRL+F para seu navegador abrir a caixa de busca;
- Digite leia mais; automaticamente o trecho correspondente será encontrado;
- Substitua para o termo desejado;
- Clique em Salvar Modelo.
Qualquer dúvida, deixem nos comentários.
Até a próxima!
Link Favoritos
Apesar de oferecer para o visitante a possibilidade de assinar os feeds do blog, ainda existem muitas pessoas que utilizam o bom e velho favoritos do browser para guardar seus endereços web que ele não quer perder de vista. Por esse motivo é interessante ter no blog um link para que o visitante possa adicionar o blog automaticamente nos seus favoritos. Quanto mais fácil melhor para nosso leitor.
Saí então a procura de um código que possibilitasse ao visitante adicionar o blog aos favoritos e encontrei um no Como Fazer Web que tem um acabamento muito legal.Com ele se o browser for o Firefox irá abrir o blog em uma nova aba, se for o Internet Explorer abrirá uma nova janela. Vamos ao código.
Para que o código apareça no seu blog como aparece no meu ao lado na sidebar, acesse a área de administração do blogger, clique em layout - elementos da página - adicionar um Gadget. Escolha Html/Javascript, copie o código acima e cole nesse Gadget. Agora onde estiver escrito "Aqui a url do seu blog" substitua pela url de seu blog e onde estiver escrito "Nome do seu blog" coloque o nome do seu blog. Salve e veja o resultado em seu blog. Teste o código clicando nos ícones para ver seu funcionamento.
Icones para Blogs
Segue um pacote com ícones de primeira qualidade para você colocar no seu blog, no lugar que achar mais prático. Mas eles também podem ser usados como favicon de seu blog. Se não sabe como fazer leia aqui o artigo Crie seu Favicon.
Para fazer o download do pacote de ícones basta clicar na imagem abaixo.
Segue um pacote com ícones de primeira qualidade para você colocar no seu blog, no lugar que achar mais prático. Mas eles também podem ser usados como favicon de seu blog. Se não sabe como fazer leia aqui o artigo Crie seu Favicon.
Para fazer o download do pacote de ícones basta clicar na imagem abaixo.
Para fazer o download do pacote de ícones basta clicar na imagem abaixo.
Segue um pacote com ícones de primeira qualidade para você colocar no seu blog, no lugar que achar mais prático. Mas eles também podem ser usados como favicon de seu blog. Se não sabe como fazer leia aqui o artigo Crie seu Favicon.
Para fazer o download do pacote de ícones basta clicar na imagem abaixo.
Faser beck Up template e Postagens
Faser Beck Up Do Template va em Layout dps editar Html e Baixar Modelo Completo
Espaços nas Colunas
Uma grande dificuldade que vejo entre os blogueiros é acertar a distancia entre as colunas e a postagem do blog, ou seja, às vezes os menus ficam encostados um no outro ou muito distante, isso acontece tanto em relação às colunas como os posts do blog afinal todos são colunas. Para corrigir esse problema é só colocar padding-left ou padding -right no código da coluna que deseja dar um espaço.
Fazer essa correção pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, além disso, as variações de lado também podem confundir na hora de alterar os códigos, então vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, você pode entrar na pagina editar HTML e procurar por:
#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;….
E colocar padding -left:15px, se já tiver algo assim no seu blog apenas altere o valor (não repita o mesmo código duas vezes) isso fará surgir um espaço de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espaço ocupado pela coluna (mais 10 px) então isso pode fazer que uma das colunas do seu blog vá parar no final da pagina por falta de espaço então normalmente quando fazemos esse tipo de alteração devemos reduzir a largura da coluna que em nosso exemplo é 490 isso está logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.
O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que está no código, geralmente a margem deve ser do mesmo lado. Outro detalhe é que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) então o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o código. Apesar de funcionar do mesmo padding e margin não são exatamente a mesma coisa você pode ver aqui a diferença entre usar padding ou margin, outra dica relacionada com esse tema é como alterar as larguras do blog.
Outra coisa que não poderíamos deixar de falar é que é muito bom visualizar seu blog em vários navegadores (pelo menos Internet Explorer e Firefox), pois é possível haver uma variação na aparência do seu blog entre eles.
Fazer essa correção pode parecer um pouco confusa, pois existem muitos modos de fazer a mesma coisa e, além disso, as variações de lado também podem confundir na hora de alterar os códigos, então vamos primeiro localizar o que vamos alterar. Vamos usar o exemplo da coluna das postagens estar encostada na coluna do lado esquerdo, você pode entrar na pagina editar HTML e procurar por:
#main {width: 490px;color:#000000;float: left;line-height: 140%;padding-left:5px;….
E colocar padding -left:15px, se já tiver algo assim no seu blog apenas altere o valor (não repita o mesmo código duas vezes) isso fará surgir um espaço de 15 pixels entre a coluna das postagens e o menu do lado esquerdo, note que aumentamos o espaço ocupado pela coluna (mais 10 px) então isso pode fazer que uma das colunas do seu blog vá parar no final da pagina por falta de espaço então normalmente quando fazemos esse tipo de alteração devemos reduzir a largura da coluna que em nosso exemplo é 490 isso está logo no inicio, assim manteremos a mesma largura total que a coluna ocupava. Note como funciona a coluna tinha 490 de largura mais 5 de margem, ou seja, 495, se aumentarmos a margem para 15 vamos diminuir a largura da coluna para 480 assim continuaremos ocupando 495.
O mesmo que fizemos com a coluna main(postagem) poderia ser feito com qualquer uma das colunas do blog. Para saber qual lado deve colocar a margem veja o float que está no código, geralmente a margem deve ser do mesmo lado. Outro detalhe é que dependendo do seu template usar padding pode atrapalhar no layout (dependendo das imagens e cores de fundo) então o mesmo que fizemos com padding poderia ser feito com margin, assim margin-left:15px; e tudo funciona do mesmo jeito apenas trocamos o código. Apesar de funcionar do mesmo padding e margin não são exatamente a mesma coisa você pode ver aqui a diferença entre usar padding ou margin, outra dica relacionada com esse tema é como alterar as larguras do blog.
Outra coisa que não poderíamos deixar de falar é que é muito bom visualizar seu blog em vários navegadores (pelo menos Internet Explorer e Firefox), pois é possível haver uma variação na aparência do seu blog entre eles.
Enquetes
Site Útil Também : www.enquetes.com.br
Criar uma enquete no blogger é uma tarefa muito simples. Para isso basta entrar em sua área administrativa e ir em Layout - Elementos de página e clicar em Adicionar um gadget. Clique em Enquete e Escreva a pergunta que deseja que seus leitores respondam. Coloque as respostas e determine uma data e hora para fechamento da enquete. Agora clique em Salvar e pronto, você já tem uma enquete no seu blog.
Uma enquete pode ser útil em várias situações. Para questionar os leitores sobre o assunto que mais gostariam de ver no blog, como qualificam os artigos escritos no blog, entre outros.
Emote Nos Comentarios
ou Ensinar a voces como colocar emoticons no seus comentários código bem interessante
e eficaz sem erros aprovado pelo CRIANDO PORTAIS.
Resultado Final :
vamos começar a mostrar como colocar emoticos nos comentários do seu blogger, entre na pagina editar html, clique para expandir o modelo e procure por:
data:blogCommentMessage
Provavelmente estará assim:
E cole esse código:
Download do código
Clique para salvar, então procure por: < / body >
obs : tire os espaços
Agora cole o código antes do < / body >
Download do Código
Pronto Clique em Salvar e está feito agora é so usar e abusar lembre-se dependendo da sua net pode demorar um pouco pra aparecer os emoticons.
e eficaz sem erros aprovado pelo CRIANDO PORTAIS.
Resultado Final :
data:blogCommentMessage
Provavelmente estará assim:
Download do código
Clique para salvar, então procure por: < / body >
obs : tire os espaços
Agora cole o código antes do < / body >
Download do Código
Pronto Clique em Salvar e está feito agora é so usar e abusar lembre-se dependendo da sua net pode demorar um pouco pra aparecer os emoticons.
Efeito Neve em Seu Blog
OBS: PODE SER USADA QUALQUER IMAGEM NO LUGAR DA NEVE !
Chegando o final de ano algumas pessoas pediram um código para colocar neve caindo no blog, então preparamos esse código:
Copie e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript. Este gadget pode ficar em qualquer parte da sua pagina. Você pode usar com a imagem que desejar, ou seja, não é necessário utilizars somente com imagens que simulem neve poderiam ser corações caindo pelo blog ou qualquer outra imagem, você só precisa hospedar a imagem e colocar no lugar indicado no código. Abaixo temos 4 imagens que podem servir como neve para utilizar alguma delas sugerimos salvar, depois hospedar no ImageShack e colocar o endereço da imagem no código no lugar que está http://img42.imageshack.us/img42/5508/neve1.png, se precisar de ajuda veja aqui como hospedar e usar o endereço certo da imagem.
Não fizemos o código já com o endereço de cada imagem, pois se muitas pessoas usarem a mesma imagem isso pode fazer com que ela seja removida do site de hospedagem por se tratar de um serviço grátis. Espero que esse código seja útil para enfeitar o seu blog para o Natal e outras ocasiões também, afinal como já dissemos você pode colocar qualquer imagem flutuando pelo seu blog de maneira bem fácil e rápida.
Quando visualizar seu blog pode ter a impressão que os flocos de neve passam apenas uma vez, mas não é isso que acontece, na verdade eles percorrem a pagina inteira até o final e não somente a parte que aparece na tela, então depois de aparecer a primeira vez os flocos demoram alguns segundos para começar novamente, mas isso é normal, veja que após ficar na pagina alguns segundos o efeito fica muito melhor que no inicio.
Chegando o final de ano algumas pessoas pediram um código para colocar neve caindo no blog, então preparamos esse código:
Copie e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript. Este gadget pode ficar em qualquer parte da sua pagina. Você pode usar com a imagem que desejar, ou seja, não é necessário utilizars somente com imagens que simulem neve poderiam ser corações caindo pelo blog ou qualquer outra imagem, você só precisa hospedar a imagem e colocar no lugar indicado no código. Abaixo temos 4 imagens que podem servir como neve para utilizar alguma delas sugerimos salvar, depois hospedar no ImageShack e colocar o endereço da imagem no código no lugar que está http://img42.imageshack.us/img42/5508/neve1.png, se precisar de ajuda veja aqui como hospedar e usar o endereço certo da imagem.
Não fizemos o código já com o endereço de cada imagem, pois se muitas pessoas usarem a mesma imagem isso pode fazer com que ela seja removida do site de hospedagem por se tratar de um serviço grátis. Espero que esse código seja útil para enfeitar o seu blog para o Natal e outras ocasiões também, afinal como já dissemos você pode colocar qualquer imagem flutuando pelo seu blog de maneira bem fácil e rápida.
Quando visualizar seu blog pode ter a impressão que os flocos de neve passam apenas uma vez, mas não é isso que acontece, na verdade eles percorrem a pagina inteira até o final e não somente a parte que aparece na tela, então depois de aparecer a primeira vez os flocos demoram alguns segundos para começar novamente, mas isso é normal, veja que após ficar na pagina alguns segundos o efeito fica muito melhor que no inicio.
Curçor do mause Personalizado
Muita gente procura como mudar ou trocar o cursor do mouse por uma imagem, encontramos um jeito bem fácil de fazer isso. Usando os cursores que o site Totally Free Cursors oferece, e como o próprio nome diz são grátis.
Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.
A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.
Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.
Veja também como colocar uma imagem seguindo o ponteiro do mouse.
Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.
A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.
Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.
Veja também como colocar uma imagem seguindo o ponteiro do mouse.
Criar a Xat
Site : Xat Site
1° Acesse o Site
2° Clique em Make a Chat Box Escolha uma imagem de fundo.
3° Pronto Xat Criado Agora Copie o mesmo código da Imagem.
OBS: Essa Xat q Ensinamos e para Ficar So Com Um ADM q Pode Dar adm para os Outros mais se Vc quer q outras pessoas Posan Dar ADM Crie Um Xat Grupo aki Xat Grupo
1° Acesse o Site
2° Clique em Make a Chat Box Escolha uma imagem de fundo.
3° Pronto Xat Criado Agora Copie o mesmo código da Imagem.
4° Acesse Seu Blog Clique Em : Layout>>Elementos Da Página
Agora : Adicionar um Gadget >> HTML/JavaScript
Coloque o Código do XAT e Clique e Arraste o Gadget
Pra onde Quiser .OBS: Essa Xat q Ensinamos e para Ficar So Com Um ADM q Pode Dar adm para os Outros mais se Vc quer q outras pessoas Posan Dar ADM Crie Um Xat Grupo aki Xat Grupo
Faser Formularios
Tutorial ensinando como por um formulario de pedidos ou recados em seu site ou blog.
1° Acesse esse site : www.formulariopro.pog.com.br
2°Voce Verá uma lista para Preencher coloque seus dados e o email pra onde irá o formulário.
3°Terminado isso Clique em "Criar Formulário".
4° Pronto Aparecerá um Código Agora Copie o Código.
5°Copiou Agora Vá no painel do seu blog e clique em Layout Depois Elementos Da Página e depois "adicionar um gadget" escolha HTML/Javascript.
6° Cole o Código e Salve.
1° Acesse esse site : www.formulariopro.pog.com.br
2°Voce Verá uma lista para Preencher coloque seus dados e o email pra onde irá o formulário.
4° Pronto Aparecerá um Código Agora Copie o Código.
6° Cole o Código e Salve.
Acesorios e Conteudos
Onde achar coisas legais e interessantes para colocar no blog, quais são os melhores acessórios para colocar no blog e também como incrementar o visual do blog, recebemos essas e outras perguntas semelhantes com freqüência e respondemos da mesma maneira o melhor modo de encontrar coisas para seu blog é visitando outros blogs, assim verá contadores, relógios, previsão do tempo, mural de recados e muitas outras coisas. Se clicar sobre a maioria dessas ferramentas encontrará como coloca-las no seu blog também.Porém isso não quer dizer para colocar tudo aquilo que ver por ai no seu blog, lembre-se que nem todas as pessoas ficarão esperando seu blog carregar (aparecer) porque tem coisas demais nele. Uma coisa que devemos fazer é excluir todo o histórico de internet e depois entrar em nosso blog para ver o real tempo que ele demora, pois sabemos que quando visitamos mais de uma vez o mesmo site o computador usa o histórico fazendo que do segundo acesso em diante o site apareça mais rápido. Isso acaba nos dando a ilusão que o nosso blog não demora para carregar.
Outro ponto precisa ser esclarecido quando dizemos para encontrar coisas em outros blogs não queremos dizer para fazer um blog igual ao de ninguém, mas apenas achar um ou outro acessório interessante e não copiar um modelo completo.
Uma maneira bem fácil de ter um conteúdo sempre atualizado e diferente é adicionar feeds de outros sites como, por exemplo, noticias esportes, fofocas, piadas e muitas outras coisas. Inclusive se quiser adicionar nossas dicas no seu blog o endereço do nosso feed é http://www.dicasparablogs.com.br/atom.xml
Roubar Sites
Nós
da EQUIPE CRIANDO PORTAIS estamos Colocando Uma Novidade Para
voces Usarem e Abusarem é o HTT Rack Que rouba Sites Bom Proveito !
Como Usar :
Stats (estatistica) no blog
Muita Gente Me pergunta como fazer estatisticas igual o do criando portais entao hoje vou ensinar.
PRIMEIRO BAIXE ESSE ARQUIVO COM O CODIGO QUE VOCE IRA USAR PARA FAZER AS ESTATISTICAS :
ABRA O DOCUMENTO FAÇA ISSO :
AONDE ESTIVER ESCRITO:
CODIGO DE USUARIOS ONLINE : Coloque o codigo de usuarios online
CODIGO CONTADOR DE VISITAS: Codigo do seu contador de visitas
DATA DO SEU BLOG: Data em que voce criou seu blog
PRONTO AGORA VÁ EM LAYOUT>ELEMENTOS DA PÁGINA
Crie um Gadget HTML/JavaScript e Cole o codigo do seu contador e Salve.
Radio No seu Blog
Para Colocar Uma Web-Rádio no Seu Blog é Facil.
1°Acesse Qualquer Site de WebRadio.
2°Clique em Players.
3°Copie o Código do Player e Vá Em : Layout>> Elementos Da Página
4°Clique em Editar HTML
5º Procure Por <head> e depois cole o codigo do player
5°Cole o Código e Clique em Salvar Modelo
Não apague o head pois dara erro no template
6°Agora clique e Arraste e Deixar em Qualquer lugar do Seu Site.
mais se não quiser corre o risco vai em layot>>adicionar gandget>>html java escript e cole o codigo mais so server para pequenos player esse anterior e de Topo
1°Acesse Qualquer Site de WebRadio.
2°Clique em Players.
3°Copie o Código do Player e Vá Em : Layout>> Elementos Da Página
4°Clique em Editar HTML
5º Procure Por <head> e depois cole o codigo do player
5°Cole o Código e Clique em Salvar Modelo
Não apague o head pois dara erro no template
6°Agora clique e Arraste e Deixar em Qualquer lugar do Seu Site.
mais se não quiser corre o risco vai em layot>>adicionar gandget>>html java escript e cole o codigo mais so server para pequenos player esse anterior e de Topo
Alerta Quando entrar No Seu Blog
Codigo
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
alert ("SEU TEXTO AQUI")
</SCRIPT>
faser Cbox mural de Recados
Site
Descrição: Este tutorial eu ensinarei a vocês como criar uma CBox !
TUTORIAL
Em primeiro lugar acesse o site da Cbox clicando aqui.Em seguida clique na frase "Get your own free Cbox now!" para fazer seu cadastro. Para preencher corretamente faça o seguinte:
Em "Cbox name:" coloque o nome do seu blog, por exemplo, o meu blog é o Blog Filippo, então eu coloco blog-filippo.
Em "Email address:" coloque o seu VERDADEIRO E-MAIL para que seja possivel confirmar o cadastro na Cbox.
Em Password e Confirm Password coloque sua senha para o acesso a sua conta de Cbox no site.
E para acabar com o cadastro em "Website:" coloque o link do seu blog completo. Feito assim marque a caixinha "I have read and do agree to the Cbox terms and conditions of service." e clique em "Create my CBox".
Assim que acabar de fazer o seu registro, você será redirecionado a seu painel, caso não for confira seu e-mail e confirme o cadastro. Em seguila, clique emPublish em baixo de Products no menu cinza.
Ao clicar em Publish, pegue o codigo e coloque em seu blog, e salve normalmente. Caso tenha alguma duvida, comente no post ou mande uma mensagem em nossa CBox =)
Em "Cbox name:" coloque o nome do seu blog, por exemplo, o meu blog é o Blog Filippo, então eu coloco blog-filippo.
Em "Email address:" coloque o seu VERDADEIRO E-MAIL para que seja possivel confirmar o cadastro na Cbox.
Em Password e Confirm Password coloque sua senha para o acesso a sua conta de Cbox no site.
E para acabar com o cadastro em "Website:" coloque o link do seu blog completo. Feito assim marque a caixinha "I have read and do agree to the Cbox terms and conditions of service." e clique em "Create my CBox".
Assim que acabar de fazer o seu registro, você será redirecionado a seu painel, caso não for confira seu e-mail e confirme o cadastro. Em seguila, clique emPublish em baixo de Products no menu cinza.
Ao clicar em Publish, pegue o codigo e coloque em seu blog, e salve normalmente. Caso tenha alguma duvida, comente no post ou mande uma mensagem em nossa CBox =)
Faser Marcadores
Faser Marcadores nessa Aula Aprenda a Faser Marcadores Chamado Por alguns de categorias
Butão Topo
1° Baixe o Arquivo
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.
Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com
para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.
Codigo
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Topo da página"><img src="http://img27.imageshack.us/img27/6803/63935859.png"/></a>
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.
Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com
para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.
Codigo
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Topo da página"><img src="http://img27.imageshack.us/img27/6803/63935859.png"/></a>
Bloquer Ctrl+c
Codigo
<SCRIPT LANGUAGE="JavaScript1.2">
function alerta(){
alert('nada de ctrl:C');
return false;
}
function rejeitaTecla(oEvent){
var oEvent = oEvent ? oEvent : window.event;
var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
if(tecla == 17 || tecla == 44|| tecla == 106){
alerta();
}
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</script>
Video Aula
<SCRIPT LANGUAGE="JavaScript1.2">
function alerta(){
alert('nada de ctrl:C');
return false;
}
function rejeitaTecla(oEvent){
var oEvent = oEvent ? oEvent : window.event;
var tecla = (oEvent.keyCode) ? oEvent.keyCode : oEvent.which;
if(tecla == 17 || tecla == 44|| tecla == 106){
alerta();
}
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
document.onkeypress = rejeitaTecla;
document.onkeydown = rejeitaTecla;
document.oncontextmenu = alerta;
</script>
Video Aula
Curço Basico de HTML
Curso Básico de HTML
Curso de html - Introdução
A linguagem html (HyperText Markup Language) é a base da internet. Ela é uma linguagem de marcação que é compilada (interpretada) pelo browser de nossos computadores nos possibilitando navegar pela internet com uma interface gráfica amigável. Como já disse os blogs criados na plataforma blogger, como esse, são feitos em html.
Hoje vamos começar aprendendo algumas tags html, que nada mais são que palavras reservadas entre o sinal < e >. Quando o browser lê uma dessas palavras ele sabe que se trata de tags html e executa o que elas estão orientando. Toda tag deve ter um início e um fim para que o browser saiba como lidar com ela. Por exemplo num título você utiliza a tag e fecha ela com a mesma tag com a "/" na segunda tag indicando o final do título do documento. Fique tranquilo, vamos praticar isso no próximo artigo.
Tags HTML:
e
Hoje vamos começar aprendendo algumas tags html, que nada mais são que palavras reservadas entre o sinal < e >. Quando o browser lê uma dessas palavras ele sabe que se trata de tags html e executa o que elas estão orientando. Toda tag deve ter um início e um fim para que o browser saiba como lidar com ela. Por exemplo num título você utiliza a tag e fecha ela com a mesma tag com a "/" na segunda tag indicando o final do título do documento. Fique tranquilo, vamos praticar isso no próximo artigo.
Tags HTML:
e
e | tag que inicia o documento, dizendo que será um tipo de documento HTML e o finaliza. |
e | Indica o corpo do documento. O body contém todo o conteúdo que será exibido e finaliza o corpo do seu programa (script). Você pode colocar nesta tag a cor do fundo da página e a cor do texto e dos links, entre outros. |
e | Inicia e finaliza um parágrafo. |
e | tag que inicia o cabeçalho. Nele você coloca informações sobre o documento (formatações, funções, fundo musical etc). O conteúdo que estiver dentro do geralmente não aparecerá quando sua home page for exibida. |
Inicia um cabeçalho, onde X é o nível de tamanho variando de 1 a 6, onde 1 é o maior e 6 o menor. Finaliza um cabeçalho, o X é igual ao do que inicia esse mesmo cabeçalho. | |
Indica o título do seu documento. Repare o local em que esse título aparece. Indica o final do título (repare que o título começa com ). | |
e | Coloca o conteúdo, entre as tags, em um quadro. Funciona como parágrafo, mas não forma espaço entre eles. |
Insere uma imagem, X é o nome ou diretório da imagem, Y é a largura e Z é a altura. | |
Insere uma quebra de linha. É como pressionar o enter. | |
Centraliza o conteúdo. | |
Cria um hyperlink com o conteúdo; X é o endereço e Y o nome do endereço. O target deve ser adicionado se quiser que abra em uma nova janela. | |
Insere um hyperlink de e-mail; X é o e-mail. | |
| Inicia e finaliza uma lista de tópicos não ordenada - com o símbolo ponto (bullet) no início de cada linha. |
| Inicia e finaliza uma lista de tópicos ordenada - com as linhas numeradas. |
Inicia e finaliza cada linha de uma lista de tópicos ordenada e não ordenada. | |
e , e e | Texto em negrito. |
e | Texto sublinhado. |
e | Texto em itálico. |
e | Texto subscrito. |
e | Texto sobrescrito. |
Texto tachado. | |
| Usadas para listas de definições. |
É um termo da lista de definições. | |
É a explicação do termo; aparece como nas listas ordenadas e não ordenadas, mas sem os números ou bullets. | |
Inicia e finaliza uma linha de tabela. Você pode adicionar nesta Tag o mesmo que foi adicionado acima (largura, cor etc.) mas a soma das medidas deve ser igual as da tabela. |
E aqui finalizamos o primeiro artigo do curso de html. Essa foi somente uma introdução, não se assuste, pois no decorrer do curso iremos utilizar exemplos para demonstrar o funcionamento das principais tags html. Até o próximo artigo!
Assinar:
Postagens (Atom)