BLOGAR E GANHAR

Conectei - A rede social criada por um brasileiro!

2011-08-15T20:57:00.000-07:00

Para os adoradores de redes sociais, a internet acaba de ganhar mais uma nova rede, criada por um brasileiro.

Apesar de ainda estar fase beta, essa nova rede social, que se chama Conectei, tem uma proposta bastante interessante: a interface é bem fácil de usar e também é possível "conectar" amigos, enviar mensagens, fotos e até mesmo criar blogs. E segundo o autor Maicom (22 anos), o Conectei em breve terá muitas novidades como suporte a vídeos, aplicativos para dispositivos móveis e interação com outras redes sociais como o Facebook e Twitter.

O autor também diz que dentro dos próximos dias, serão lançadas uma versão em inglês e uma versão em espanhol do Conectei, tudo para atingir um número maior de usuários ao redor do mundo e melhorar ainda mais a experiência na rede social.

Conectei, nova rede social criada por um brasileiro (Foto: Reprodução)

O serviço também possui um recurso de entradas de lugares (check -ins, como no serviço Foursquare), onde é possível "se conectar" à pessoas que estejam no mesmo lugar que você.

Primeiros Passos (Índice)

2009-08-27T07:23:00.000-07:00

1 - O que é um Blog?
2 - Como Criar um Blog
3 - Ganhe Dinheiro com seu Blog | Rentabilizando Seu Site
4 - Como Aparecer no Google?
5 - SEO - Otimização de Sites
6 - Como Divulgar Seu Blog (parte 1)
7 - Como Divulgar Seu Blog (parte 2)
8 - Ganhe Dinheiro com o Google AdSense
9 - Dicas para Trabalhar em Casa
10 - O Melhor Posicionamento Para Seus Anúncios
11 - Como Editar as Cores do Seu Blog (Blogger)

Cronograma Virtual - Dias Contados!

2009-08-26T12:10:00.000-07:00

A Coluna "Cronograma Virtual" foi feita para que eu relatasse tudo o que acontece com o blogue e mostrasse para vocês como tudo que eu explico acontece na prática. Porém, não vejo motivos para escrever para essa coluna com a tamanha frequencia que tenho escrito, e por isso acredito que essa coluna esteja com os dias contados!

Não que eu não irei relatar pra vocês tudo o que acontece com o blogue, pois eu acho isso fundamental para que vocês possam entender de uma maneira mais fácil como as coisas acontecem e o mais importante, provar pra vocês o quanto pode ser muito lucrativo ter um blogue seguindo nossas dicas.

Portanto, irei apenas escrever para essa coluna apenas uma vez a cada mês e falar tudo o que eu fiz durante ese tempo: quanto eu ganhei com publicidade, o que eu mudei no layout, onde eu divulguei...enfim, tudo aos detalhes de tudo o que eu fiz.

Sei lá, não vejo muita vantagem em ficar escrevendo todas as semanas tudo o que acontece com o blogue... já não vejo tanta necessidade.

Quero que vocês encarem isso como uma coisa construtiva, pois acreditem: eu vou abrir um pouco mão dessa coluna para ter mais tempo para me dedicar á outras que eu acho que são bem mais importantes para vocês, do que ficar sabendo de tudo o que acontece com o Blogar e Ganhar.

Para "finalizar" essa postagem, só queria dizer que a meta de 1000 visitantes por mês foi batida, e isso só prova que o segredo do sucesso na internet é a dedicação, o bom conteúdo. Não adianta se matar de truques para conseguir suas metas, é só ter responsabilidade e dedicação, okay!?

Ferramentas e Widgets do BlogBlogs

2009-08-25T11:00:00.000-07:00

Já há algum tempo que eu venho falando desse conceituado indexador de conteúdo que é o BlogBlogs (http://blogblogs.com.br). E hoje, para variar um pouco, eu vou falar do ... BlogBlogs! Mas dessa vez eu só queria mostrar pra vocês as Ferramentas e os Widget que o site te proporciona.

Veja também:
BlogBlogs - O Maior Agregador de Conteúdo do Brasil
O que São Agregadores de Conteúdo?

Após efetuar Login no site e acessar o seu perfil, clique no menu "Ferramentas e Widgets" na barra lateral esquerda no Grupo "Meus Blogs" para ver alguns recursos super interessantes para incrementar o seu blogue como, por exemplo, mostrar para seus visitantes qual a sua posição no ranking do BlogBlogs ou então, mostrar quais foram os últimos leitores (cadastrados no BlogBlogs) que acessaram o seu blog.

Na página de Ferramentas e Widgets do BlogBlogs você poderá escolher entre vários recursos: os Buttons que são banners do BlogBlogs para você divulgar o site, o widget Últimos Leitores - que mostra quais os últimos cadastrados do BlogBlogs que acessaram seu blogue -, o Blog Rank - que mostra a sua posição no Ranking do site para seus visitantes - e os Gadgets que é um link para a seu perfil no BlogBlogs que você pode disponibilizar em seu blogue para seus visitantes.

Fim da Nossa Enquete

2009-08-24T06:13:00.000-07:00

Encerramos hoje a nossa enquete "Quantas Postagens Próprias Você Escreve Mensalmente em Seu Blog?" que reuniu mais de 100 votos desde seu início em 09 de abril de 2009 e que iria até o final do ano, mas por motivos de estética e unitilidade em ficar tanto tempo, encerra-se hoje. Confira abaixo os resultados da Enquete.

43% das pessoas que participaram da enquete, afirmam que escrevem mais de 30 postagens próprias por mês para seus respectivos blogues; 26% dizem escrever entre 20 a 30 postagens mensalmente enquanto metade (13%) escrevem, em média, de 10 a 20 postagens em um mês. Por fim, 18% restante dos que votaram escrevem no máximo 10 postagens por mês.

Pelos resultados acima, percebe-se que os blogueiros (pelo menos os que votaram) tem se dedicado bastante com seus blogues e tem escrito quantidades significativas de artigos, em muitas vezes até mesmo mais que uma única postagem diariamente - o que me deixa muito feliz, pois percebo que sou visitado por uma quantidade de blogueiros muito alta, que tem a mesma dedicação que eu tenho com o Blogar e Ganhar.

Eu gostaria de aproveitar e agradecer a todos que votaram em enquete pela colaboração e devida importãncia. Obrigado a todos!

Formulário PRO - Formulário de Contato para Blogs

2009-08-23T12:58:00.000-07:00

Descobri um site bem útil para aqueles que não tem domínio próprio e querem um formulário de contato para seus blogues. Falo do Formulários PRO, que oferece um formulário de contato muito prático de ser configurado e instalado nas postagens de seu blogue.

Acesse http://www.formulariopro.pog.com.br e faça um rápido cadastro na parte inferior da página, fornecendo informações como o seu nome, e-mail, o nome e o endereço do seu blogue ou site. Depois é só clicar em Criar Formulário, copiar o código gerado e colar em uma postagem em seu blogue.

Elementos de Página do Blogger

2009-08-22T06:01:00.000-07:00

Os elementos de página (também conhecidos como widgets ou gadgets) são "ferramentas de interatividade" e deixam seu template bem mais dinâmico e estilizado. O Blogger disponibiliza alguns elementos de página pré-definidos, onde é só adicioná-los e pronto!

Para adicionar um Elemento de Página, faça o login na conta do Blogger e acesse o menu Layout e na aba Elementos de Página, clique em Adicionar um Gadget.

Uma nova janela chamada Noções Básicas se abrirá, contendo uma lista com alguns Elementos bem interessantes para o seu blogue. Para adicioná-los, basta clicar no ícone com o sinal de mais ( + ).

Nessa mesma janela, você ainda tem a opção de conferir os Gadgets que estão em destaque, os mais comuns e muitos outros que estão disponíveis. Experimente alguns deles e deixe seu blogue bem personalizado com os Gadgets!

Publicar (ou Não) a Data da Postagem

2009-08-21T19:33:00.000-07:00

Existem algumas vantagens e desvantagens ao exibir a data das postagens em seu blogue, o que depende da frequência com que você as escreve. Por exemplo: Se seu blogue não é atualizado regularmente, o ideal é que você não mostre a data em que você escreve seus artigos, pois não há nada mais frustrante para um visitante do que um blogue desatualizado.

Agora, dependendo das informações que você publica em suas postagens, exibir a data em que elas foram escritas é muito importante para o leitor se guiar entre o próprio texto. E isso sem mencionar que ajuda bastante quando o leitor procurar por alguma postagem publicada em um determinado dia.

Particularmente, aqui no Blogar e Ganhar eu não costumo exibir a data em que eu escrevo as postagens, mas isso somente por uma questão de estética, e nada mais. Mesmo porque o Blogar e Ganhar é atualizado diariamente e em muitas vezes até mesmo mais do que uma única vez. Mas voltando ao assunto, como dito acima, exibir (ou não) a data em que as postagens foram escritas pode também ser uma questão de estética, ou seja, se a data vai contribuir para o design do layout ou não.

Se seu blogue não estiver disponibilzando a data da postagem, vá no menu Layout e na aba Elementos da Página, clique em Editar no elemento Postagens no Blog e marque as opções relacionadas a data da psotagem e se quiser, a hora em que essa postagem é publicada.

E para configurar a data em seu blogue, acese o menu Configurações e acesse a aba Formatação - aqui é onde você deverá fomatar a data, e se preferir, também poderá formatar a hora em que a postagem é publicada nesse determinado dia.

(Clique na Imagem para ampliá-la)

Blogs Corporativos - A Sua Empresa Merece um Blog

2009-08-20T10:35:00.000-07:00

Os blogues vieram ao longo dos anos ganhando proporções realmente muito imensas e inesperadas para muitos que achavam que os blogs não passariam de diários virtuais que tratavam-se de assuntos cotidianos. Atualmente, muitos blogues trazem assuntos pra lá de relevantes, superando expectativas até mesmo de agências de jornalismo e publicidade.

Por ser uma ferramenta de divulgação gratuita e prática, os blogs despertaram o interesse de muitas empresas em adotar a idéia de fazer um blogue sobre elas, com todas as informações necessárias sobre suas linhas de produtos - eis os blogs corporativos.

Veja também:
O que é um Blog?
Como Criar um Blog

Criando um blog corporativo para sua empresa é o jeito mais fácil para atingir clientes de uma maneira bem mais informal do que a de comum, de uma maneira que os mesmos possam opinar sobre seus produtos, e por aí então fazer uma análise de seus produtos aos olhos de seus clientes.

Caixa de Pesquisa no Seu Blog

2009-08-19T20:42:00.000-07:00

Para facilitar a vida do ~~cidadão~~ visitante do seu blog ao procurar por uma determinada informação em suas postagens, você pode disponibilizar uma Caixa de Pesquisa na sidebar (menu lateral) do seu blog.

Uma caixa de Pesquisa nada mais é do que um campo de formulário que, ao ser preechido com uma determinada palavra-chave, mostra todos os possíveis resultados relacionados á essa determinada palavra-chave. Uma alternativa muito boa para sites e blogs que possuem uma quantidade elevada de páginas, pois agiliza o processo de busca á uma informação.

Existem algumas maneiras de você disponibilizar uma Caixa de Pesquisa no seu blog, mas a que eu vou mostrar agora é a mais fácil, apesar de não ser a melhor! Isso porque ela demora para carregar e por ser uma ferramenta que baixa informações do Google, pode ser que novas postagens não apareçam logo de cara como um resultado de pesquisa.

Veja também:
Como Aparecer nos Resultados?

Após ter efetuado login na sua conta do Blogger, vá no menu Layout e clique em Adcionar um Gadget.

Agora adicione o elemento Caixa de Pesquisa, clicando no ícone azul com um sinal de mais ( + ).

A próxima etapa é a configuração da caixa de pesquisa: dê um título á ela e designe quais serão as fontes de pesquisa dessa ferramenta (se serão vindas somente de seu blog, de páginas que você recomenda em seu blog, e/ou toda a web.Agora visualize a caixa de ferramentas, faça alguns teste e se estiver tudo dentro dos conformes, salve.

Como Colocar Link em Uma Figura

2009-08-18T18:46:00.000-07:00

Pode parecer uma tarefa fácil, mas para iniciantes colocar uma figura em uma página já é difícil e pior ainda quando o assunto é colocar um link em uma imagem. Vamos lá: o primeiro passo é escolher uma imagem e hospedá-la em algum lugar na internet.
Quando a imagem já estiver hospedada em algum lugar na internet, copie o código abaixo substituindo a parte destacada em vermelho pelo endereço da imagem e pelo endereço do link que você deseja apontar.

<a href="http://www.endereçodolink.com"> <img src="http://www.sitedafigura.com/nomeimagem.jpg"> </a>

Fácil Assim!
Me desculpem os "experts" que esperava uma postagem com uma Super-Hiper-Mega-Master Novidade! Acontece que os "menos-interados" também merecem um espaço, né?

Abraço!

O que São Agregadores de Conteúdo?

2009-08-17T14:34:00.000-07:00

Hoje em dia, o maior fator que conta para o sucesso de um blogue é a quantidade de links (também conhecidos como backlinks) que apontam para seu blogue, como uma recomendação, digamos. Dessa maneira, os mecanismos de pesquisa definem o quão importante é cada página na internet.

Veja também:
Verificar Backlinks

Porém, não pense que conseguir um link para o seu site ou blogue é uma tarefa fácil, não. Mesmo tendo um bom conteúdo, conseguir uma indicação de outros blogueiros realmente é uma tarefa bem complicada. E uma saída alternativa para sair do anonimato é cadastrando seu blogue em Agregadores de Conteúdo, que são sites colaborativos que exibem postagens dos mais variados tipos de blogues, separados por categorias.

O mais interessante dos Agregadores de Conteúdo é justamente a interação social, pois os leitores podem votar nas melhores postagens, tornar-se fã de algum blogueiro, ou simplesmente dar uma passadinha no seu blogue e deixar um comentário ou outro.

Os Melhores Agregadores (na minha opinião)

Eu já escrevi algumas coisas falando sobre o BlogBlogs, que na minha opinião é um ótimo agregador de conteúdo e tem uma excelente e grande rede social de interatividade. http://www.blogblogs.com.br

Veja também:
BlogBlogs - O maior Agregador de Conteúdo do Brasil.

Abaixo segue uma lista com outros ótimos agregadores de conteúdo.

Technorati – http://www.technorati.com

DiHiTT – http://dihitt.com.br/

DiGG – http://www.digg.com/
Linka-me – http://www.linka-me.com/
PT Notícias – http://ptnoticias.com/
Rec6 – http://rec6.via6.com/index.php
Eu Curti – http://www.eucurti.com.br/
Del.icio.us – http://del.icio.us/
Reddit – http://reddit.com/submit
Urishare – http://www.urishare.com/
Atalho Virtual – http://www.atalhovirtual.com/

Verificar Domínio

2009-08-16T06:29:00.000-07:00

Com essa nova ferramenta você pode verificar a disponibilidade de um domínio (site) nas mais conhecidas extensões. Além disso, você também pode usar o assistente de domínio para te ajudar na escolha de um nome ou então, utilizar o assistente de Pesquisa de Domínio Global, onde você digita um nome de domínio e ele te fornece as extensões encontradas sobre esse domínio!

Clique Aqui e Verifique se o domínio que você procura existe!

BlogBlogs - O maior Agregador de Conteúdo do Brasil

2009-08-15T09:27:00.000-07:00

Sempre quando me pedem dicas de onde divulgar blogs, uma das primeiras respostas que me vem em mente é o BlogBlogs. Parada obrigatória para blogueiros que buscam divulgar seus blogs participando até de um ranking, que te ajuda a analisar a relevância e o progresso do seu blogue. Isso sem mencionar que é o maior site de busca e indexação de conteúdo de blogs do Brasil.

O BlogBlogs é um serviço gratuito, e além de cadastrar e divulgar seus blogs, você terá acesso ao que os outros blogs estão publicando, marcar seus preferidos, demonstrar sua admiração ficando fã de alguém, buscar por assuntos relevantes e muito mais. Com nossas ferramentas gratuitas, fica muito mais fácil criar e manter uma comunidade de leitores em torno de seus blogs, aumentando suas chances de ser lido e divulgado espontâneamente, além de ajudar na sua descoberta pelos mecanismos de busca.

Tá esperando o que? Se você tem um blogue, cadastre-se no Blogblogs e comece agora mesmo a divulgar e a explorar o mundo dos blogs. Acesse: http://blogblogs.com.br

Blogar e Ganhar em Destaque na Home do BlogBlogs

2009-08-14T14:30:00.000-07:00

Hoje pela manhã, ao responder os comentários dos leitores do blogue, me deparei com um comentário que dizia o seguinte: "Olá! Seu post foi destacado na home do BlogBlogs! Abraços - Fernando Lima - BlogBlogs (http://blogblogs.com.br)".

A princípio achei que fosse um comentário falso feito por algum visitante "fanfarrão"! Mas ao checar a página inicial do BlogBlogs, para a minha felicidade, meu blogue estava em destaque nesse renomado site que é o BlogBlogs.

Para quem não conhece o BlogBlogs se trata do maior agregador de conteúdo de blogs brasileiros do mundo! E quem quiser dar um pulo lá ainda hoje para conferir o Blogar e Ganhar em destaque é só acessar http://blogblogs.com.br.

(Clique na Imagem para Ampliá-la)

Uhuuuul!

Participem da Comunidade do Blogar e Ganhar no Orkut

2009-08-13T07:54:00.000-07:00

É com uma enorme satisfação, que convido todos vocês para para participarem da comunidade do Blogar e Ganhar no Orkut, que traz uma área para vocês divulgarem seus blogues, interagirem com outros blogueiros ou simplesmente para esclarecimento de qualquer dúvida que possa vir a surgir sobre nosso blogue.

Além disso, ao se inscrever em nossa comunidade, você poderá participar de promoções exclusivas para membros no Orkut. Clique na imagem ou no link abaixo e participe agora mesmo!!

Clique Aqui para Participar da nossa Comunidade no Orkut

Faça Link Relevantes

2009-08-12T18:50:00.000-07:00

Em dois meses de blogue, descobri um ponto fundamental para atrair visitantes que até então eu desconhecia. Pois é gente, apesar de dar dicas para ter um blogue de sucesso, eu também aprendo coisas novas a cada dia que passa. E fiquem despreocupados, pois tudo que eu aprender nesse blogue eu irei repassar em primeira mão para vocês, okay?

Veja também:
Escreva o que os Internautas Procuram

Por algum tempo, tive um certo receio de indicar outros blogues ou sites que eu considerava mais interessantes que o meu, e hoje eu percebo o quanto esse tipo de pensamento é uma coisa totalmente sem coerência. Hoje vejo que um bom blogue é aquele que apesar de ter um conteúdo impecável tem que dar opções, possibilidades e alternativas para seus visitantes, para que com isso, os visitantes sempre acessem seu blogue para obter uma boa navegação e assim, sempre retornarem.

Esse tipo de atitude, no meu "novo" ponto de vista é visto exatamente como um preconceito, que por sua vez é opinião sem conhecimento. A partir de hoje, vou fazer alguns testes com o blogue. Vou indicar sites e blogs interessantes e ver o quanto o fluxo de visitantes irá (ou não) aumentar e, consecutivamente, os ganhos com propaganda.

E para começar a analisar as estatísticas de um blogue "políticamente correto", vou indicar dois blogues que têm servido de inspiração para o meu, que se Deus quiser, um dia será tão bom quanto o deles: o primeiro blog é o [ Ferramentas Blog ] do blogueiro Marcos Lemos e o segundo é o Dicas Blogger da Juliana Sardinha. Esses dois blogues, apesar de serem do mesmo nicho que o meu, são blogues que MERECEM a sua visita.

Vocês devem estar se perguntando o porquê que eu estou indicando blogues que abordam o mesmo tema que o meu, certo? A resposta é fácil, vocês merecem o melhor conteúdo, seja o meu conteúdo ou qualquer outro que seja indicado por mim!

Mas será que com essa indicação eu não estaria dividindo o meu público com outros blogues acarretando um menor fluxo de visitantes e menores ganhos com propaganda?
A resposta para essa pergunta é contraditória: sim e não. Apesar de ser arriscado indicar blogues com o mesmo tema que o seu, indicá-los pode ser um ponto a mais para VOCÊ. Eu simplesmente penso que se um blogue for bom, as pessoas terão conhecimento dele independente se for você quem divulgar, ou não!

Como editar as Cores do Seu Blog Blogger

2009-08-11T16:14:00.000-07:00

Uma maneira de mudar as cores do seu blogue Blogger, é alterando algumas configurações no código do Template, porém essa maneira é muito complicada para que não tem conhecimento em programação HTML. E eu vou ensinar como vocês podem mudar as cores do seu template sem ter o mínimo conhecimento nesse tipo de programação. Porém, nem todos os templates podem ser alterados da maneira como vou ensinar, então nesse caso, o jeito é mexer nas configurações HTML mesmo.

Veja também:
O que é HTML?
Curso HTML

Depois de ter feito login no Blogger, acesse o menu Layout e abra a aba Fontes e Cores.

Essa página é dividida em dois quadros, a de cima para a configuração das cores do layout e a de baixo para a vsualização do resultado final do blogue após a seleção das cores. Mas não se preocupe, as alterações só serão feitas após você clicar em Salvar Alterações. E caso você não tenha gostado das alterações feitas clique em Limpar Edições.

Veja também:
Tabela de Cores HTML

Tabela de Cores HTML

2009-08-10T17:46:00.000-07:00

Com essa tabela fica bem mais fácil saber quais são as cores HTML em seus valores hexadecimais.

Veja também:
O que São Cores HTML?
Curso HTML

Paint no seu Blog

2009-08-09T14:35:00.000-07:00

Vasculhando pela internet, achei essa ferramenta super interessante que funciona como o programa paint, onde os visitantes podem fazer desenhos, escrever...etc. O interessante é que essa ferramenta é online e todas as pessoas podem desenhar juntos.
É ideal para pessoas que estão na internet e procuram um momento de descanso! =)

Abaixo segue o código que pode ser implantado em qualquer lugar do blogue inclusive na própria postagem.

<EMBED allowScriptAccess="never" src="http://three.flash-gear.com/draw/drw.php?f=1&id=662033&a=104627230&b=1007261386" quality=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="550" HEIGHT="525" NAME="draw387211" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"/>

Previsão do Tempo no Blog

2009-08-08T12:32:00.000-07:00

Agora vou ensinar como faz para colocar uma previsão do tempo no seu blogue ou site. Esse recurso é muito bom para blogues que abordam assuntos relacionados a uma determinada cidade, região ou país

Acesse http://www.climatempo.com.br/tempo_no_seu_site.php e depois escolha o modelo que você deseja ter em seu blogue.

Após ter feito um simples cadastro, copie o código e cole em um elemento HTML

Não se esquecendo que para inserir os banners rolantes na sidebar do seu blogue, você terá que acessar a aba Layout > Elementos da página e adcionar um Gadget HTML/JavaScript e colar o código acima mencionado.

Banners Rolantes na Sidebar

2009-08-07T11:57:00.000-07:00

Alguns blogueiros têm uma quantidade muito grande de banners de blogs parceiros na página inicial, o que acaba tomando muito espaço do template e em muitas vezes demorando muito para a página carregar. E o código abaixo vai fazer com que você tenha banners rolantes no seu blogue, diminuindo o espaço que eles ocupam no template.

<marquee onmouseover=this.stop() onmouseout=this.start() behavior=scroll width='150' height='100' direction='down' scrollamount='3'>
Coloque Aqui os códigos dos banners
</marquee>

Agora vou explicar cada um dos parâmetros do código acima:

width - Largura da da sidebar (menu lateral do blog);
height - Altura da caixa onde os banners estarão;
direction - A direção em que os Banner irão rolar, onde "down" será para baixo, "up" será para cima, "left" para a esquerda e "right" será para a direita;
scrollamount - Velocidade da Rolagem (quanto maior, mais rápido)

Não se esquecendo que para inserir os banners rolantes na sidebar do seu blogue, você terá que acessar a aba Layout > Elementos da página e adcionar um Gadget HTML/JavaScript e colar o código acima mencionado.

Template 13 - Paradise Valley

2009-08-06T10:43:00.000-07:00

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Calcular PageRank

2009-08-05T07:52:00.000-07:00

Agora você pode calcular o PageRank de qualquer Blog ou Site (inclusive o seu) com a nossa nova ferramenta "Calcular PageRank"! Basta você digitar o endereço completo do seu Blog ou Site no campo e clicar em "Calcular"! Essa feramenta também está disponível em nossa sidebar (menu lateral).

Veja também:
O que é PageRank?

Obs.: Apesar de também ser um domínio meu, a página onde serão exibidos os resultados de PageRank está fora das páginas desse blogue!

Vídeo - O que é a Rede de Conteúdo do Google?

2009-08-04T21:07:00.000-07:00

Vídeo Auto-Explicativo!

Vídeo Google AdSense - Como Determinam o Preço de Cada Clique

2009-08-03T20:28:00.000-07:00

Uma curiosidade que a maioria dos usuários dos serviços do Google AdSense ou Google AdWords tem é como a Google determina o valor de cada clique. E é exatamente isso que o economista chefe do Google (Hal Varian) apresenta nesse vídeo, que mostra como funciona o sistema de cliques em anúncios de propaganda.
Para ter já uma noção, o sistem funciona com um leilão, onde quem paga mais aparece entre as primeiras posições. Porém, existem outros fatores que classificam a qualidade do anúncio. E essa classificação indica a taxa de cliques que cada anúncio recebe, a relevância do anúncio para o visitante e por fim, a qualidade da página do anunciante com base nas palavras-chave utilizadas.

Escreva o que os Internautas Mais Procuram

2009-08-02T08:36:00.000-07:00

Em determinadas épocas do ano, as pessoas geralmente buscam pelos mais diferentes artigos na internet relacionados á essa determinada época, e nada mais interessante do que atrair visitantes relacionando os seus artigos á coisas como datas especiais, estações do ano ou acontecimentos cotidianos. Exemplo: Nos dias dos namorados, muitas pessoas procuram coisas como "presentes, mensagens de amor, dia dos namorados, flores,...etc.".

Relecionando esse tipo de assunto em suas postagens, você atrairá uma boa quantidade de visitantes que pesquisam por essas palavras e o melhor: se você exibe anúncios pagos (Google AdSense) em seu blogue, eles também exibirão anúncios relacionados a essas datas ou acontecimentos - o que fará com que além de atrair mais visitantes, você terá mais cliques também.

Veja Também:
Atingindo o Público Alvo
O que não fazer em um Blog?
O que os Internautas Mais Gostam de Ler?

Apesar de parecer uma ótima prática escrever sobre assuntos diferentes para atrair visitantes, alguns pontos tem que ser levados em consideração como o fato que esses visitantes que você obterá serão os conhecidos "para-quedistas", que chegam em seu site ou blogue por mecanismos de busca, atraídos por uma informação que nem sempre é o que eles procuram.

Se uma pessoa procurar por "presente para o dia dos namorados", não será em seu blogue que ele encontrará um presente para o(a) namorado(a), porém os anúncios do AdSense conduzirá para assuntos relacionados. Você deverá caprichar no conteúdo dessa postagem não se esquecendo de não fugir do tema do seu blogue.

Acontecimentos Públicos também costumam chamar bastante atenção, seja uma vitória brasileira na fórmula 1, a goleada do timão, o escândalo político da semana... enfim, aproveite desses temas para atrair visitantes, todos gostam de assuntos do momento!

É isso!

Vídeos

2009-08-01T10:14:00.000-07:00

3 - Vídeo - O que é a Rede de Conteúdo do Google?
2 - Vídeo Google AdSense - Como Determinam o Preço de Cada Clique
1 - Vídeo Google AdSense - Palestra sobre Otimização de Blogs

Mudando a Sidebar de Lado

2009-08-01T09:29:00.000-07:00

Encontrar um template ideal é uma tarefa muito difícil, ainda mais quando não sabemos nada sobre confecção de páginas HTML, ou qualquer outra programação que o valha. O jeito é encontrar um que tenha mais ou menos os padrões e a estrutura daquilo que desejamos, pois o template só vai ficar do seu jeito quando você personalizá-lo, seja alterando as cores, as fontes, ou mudando a sidebar (barra de navegação lateral) de lado.

Veja também:
Curso HTML
O Visual é a Cara do Sucesso!

Esse tutorial é bem simples, mas como já é de costume, baixe o modelo completo do seu template, para que se alguma coisa saia errado você possa ter uma cópia de segurança do seu blogue. Mas vamos ao que interessa: Trocar a Sidebar de Lado.

Na aba Layout clique em Editar HTML e marque a caixa 'Expandir Modelos de Widgets'.

Agora procure (utilize as teclas Ctrl+F) pela seguinte tag:
#main (em alguns casos pode estar como #main-wrapper)
Agora troque o parâmetro float:left por float:right ou dependendo de que lado é a sidebar, pode ser o contrário: troque o parâmetro float:right por float:left .

Feito essa alteração, procure (utilize as teclas Ctrl+F) pela seguinte tag:
#sidebar (em alguns casos pode estar como #sidebar-wrapper)
E faça o mesmo procedimento que a tag anterior: troque o parâmetro float:left por float:right ou dependendo de que lado é a sidebar, pode ser o contrário: troque o parâmetro float:right por float:left .

Visualize o template e se der tudo certo, salve-o.
Mais fácil, impossível!

Responder Comentários do Blog

2009-07-31T06:37:00.000-07:00

Sempre que um visitante tiver acesso ao seu blogue e tiver alguma dúvida, crítica, sugestão ou simplesmente um elogio sobre o conteúdo que você publica, ele comentará no seu blogue e em muitos casos, esperará por respostas - isso se seu blogue tiver um formulário de comentários, pois já encontrei casos de autores de blogues que desabilitavam esse fundamental recurso.

Veja também:
O que Não Fazer em um Blog?

Sempre quando falamos em visitantes, temos que ter em mente que o seu blogue é uma empresa e os visitantes são os clientes, os consumidores. Se seus clientes estiverem satisfeitos tanto com o serviço quanto com o atendimento, certamente irão voltar para conferir novos produtos. Ou seja, tente ao máximo responder atenciosamente cada um de seus visitantes, para garantir um melhor atendimento e por consequência a qualidade do blogue e a satisfação do visitante.

Aproveite para responder todos os comentários, quando você ainda não tiver muitos. Quando você começar a não dar conta de tantos comentários, responda aqueles que você acha mais conveniente, e quando um número elevado de pessoas tiver dúvidas sobre um mesmo assunto significa que a informação que você forneceu, apesar de ser relevante, não deixou tudo bem explicadinho. Nesse caso, revise a informação e se for o caso, crie uma nova postagem falando um pouco mais sobre esse determinado assunto.

Veja também:
A Importância de Reescrever Suas Postagens
Atualizar o Conteúdo é o Grande Segredo!

Em muitas vezes, você poderá se deparar com algum visitante fazendo alguma crítica sobre algo que você escreveu. Afinal de contas, a partir do momento em que divulgamos qualquer coisa na internet, seja foto, texto ou vídeo, estamos dando liberdade para que todos que tenham acesso, possam pensar o que quiser e falar o que pensarem. Por isso, saiba como receber até mesmo os comentários mais apelativos, e principalmente, saiba diferenciar crítica construtiva de crítica ofensiva. A crítica construtiva é aquela que vai mostrar onde você está errando, geralmente é a que te ensina a melhorar. Já a crítica ofensiva é aquela que tem o único propósito de ofender, ridicularizar ou menosprezar algo ou alguém. Já nesse último caso, apenas apague o comentário e finja que nada aconteceu!

Vídeo Google AdSense - Palestra sobre Otimização de Blogs

2009-07-29T07:51:00.000-07:00

Esse vídeo mostra um seminário apresentado ao vivo pela internet em maio de 2009, e mostra como o Google determina quanto você ganha por cada clique do Google AdSense. Um vídeo que também traz dicas de como melhorar o posicionamento dos anúncios, quais os melhores formatos de anúncios e dicas de como ganhar dinheiro com buscas do Google. Vale muito a pena conferir!

Remover os Números dos Marcadores

2009-07-28T13:03:00.000-07:00

Quando colocamos marcadores em nosso blogue, sempre aparece o número de postagens escritas naquele marcador. Há quem goste desses números - pois eles mostram quais são as colunas com mais e menos artigos -, mas há também quem não ache que eles tornam o template mais feio.

Opiniões a parte, vou explicar como remover esse número se por ventura vocês optarem por removê-los de seus marcadores.

Para fazer isso entre na edição HTML do seu blogue e clique em Expandir modelos de widgets e procure pelo seguinte trecho:

<span dir='ltr'>(<data:label.count/>)</span>

Remova a parte destacada em vermelho, salve o template e pronto!

Nuvem de Palavras-Chave para Blogger

2009-07-27T08:13:00.000-07:00

Praticamente tudo que está na internet é categorizado por palavras-chave para facilitar com que as pessoas encontrem determinada informação. Agora imagine que, ao entrar no seu blogue, o visitante já veja as palavras-chave mais usadas em suas páginas!? Isso atrairia esse visitante para as seções mais relevantes, tirando o maior proveito do seu blogue.

Pois bem, agora vou ensinar á vocês como criar o que chamamos de "Nuvem de Palavras-Chave", que nada mais é do que um bloco com as palavras-chave mais usadas em seu blogue - onde as palavras mais usadas tem um destaque maior do que as menos utilizadas.

Primeiramente, acesse o site MakeCloud.com;
Agora cole o seguinte código no campo "Enter RSS Feed URL", substituindo a parte destaca em vermelho pelo endereço do seu blog (Blogger) e depois clique em Get Tag Cloud Code.

http://blogareganhar.blogspot.com/feeds/posts/default

Caso o seu blogue não tiver um Feed, você pode simplesmente colar o endereço do site ou blogue e colá-lo no campo Enter Web Site URL, e também clicar em Get Tag Cloud Code.

Agora copie o código criado, acesse o painel Layout > Elementos da Página, adcione um novo Gadget HTML/Javascript e cole o código. Salve e Visualize para ver se deu tudo certo!

Até mais!

Como mudar a cor de fundo de um blog

2009-07-26T08:03:00.000-07:00

Em nosso curso de HTML, ensinamos como mudar a cor de fundo da página de um site. E para quem não lembra, vou revisar:

Entre as tags (marcadores) BODY e /BODY são inseridos todos os elementos visuais da página, como as figuras, textos, vídeos...etc. E para mudarmos a cor do plano de fundo dessa página, devemos usar o parâmetro bgcolor, exatamente como mostrado abaixo.

BODY bgcolor="blue"

Ou se preferir, você pode escrever o valor da cor em seu código hexadecimal (Veja nossa tabela de cores HTML):

BODY bgcolor="#0000FF"

Porém, em alguns blogs, ao mudar esse parâmetro a cor da página não mudará. Caso isso ocorra em seu blog, procure (utilizando as teclas Ctrl+F) pelo código body { e abaixo dele procure o parâmetro background e altere o valor do mesmo para a cor desejada. Caso esse parâmetro não existe cole-o abaixo do código body { - lembrando de substituir o valor destacada em vermelho pelo valor hexadecimal da cor.

body {
background:#0000FF;

Trocar os Links de Rodapé do Blog por Figuras

2009-07-25T18:22:00.000-07:00

Um dos primeiros passos para personalizar um blogue e substituindo os ícones e links padrões por algo que seja mais atrativo no layout! Uma ótima dica (principalmente para quem não sabe programar) é personalizar aqueles links de rodapé "Postagens mais antigas e Postagens Mais Recentes". Esses links servem para a navegação entre as páginas do blogue, onde o visitante poderá ter acesso as postagens mais antigas daquelas expostas na página inicial. Você pode tanto removê-los (o que nem sempre é aconselhável) ou substituí-los por figuras que combinem mais com o layout.

Vá até a aba "Editar HTML" na guia "Layout", faça uma cópia de segurança do template (Baixe o Modelo Completo) e marque a opção "Expandir modelos de widgets".

Agora procure pelos códigos abaixo. Se quiser apagar os links de rodapé, apenas apague o código destacado em vermelho. E caso você queira substituí-los por imagens, substitua o código destacado em vermelho pelo código: <img src="URL DA IMAGEM"/>

Postagens recentes:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

Início:

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Postagens antigas:

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

Lembrando que para substituir os links por imagens você deverá usar imagens que estejam hospedadas na internet.

Não reparem a bagunça!

2009-07-24T08:42:00.000-07:00

Gente, muitas vezes para arrumar a nossa casa temos que tirar tudo do lugar, jogar algumas coisas fora, fazendo aquela bagunça antes de colocar tudo no lugar novamente e deixar tudo na mais perfeita organização.

Nessa semana, estou dando um trato no visual do blogue e vocês poderão se deparar com alguma coisa fora do lugar, uma figura fora da tabela ou então a ausência de algum elemento da página. Vocês certamente se perguntarão por quê eu não usei um blogue para testes para fazer isso, né!? Acontece que foi uma "limpeza" que não estava programada, eu estava arrumando uma coisa ou outra no código do template como de costume, tirando algumas coisas desnecessárias...

E quando fui ver, ele já estava todo desorganizado. Mas não se preocupem, ele já está quase arrumadinho, okay? Só estou acertando os últimos detalhes e em breve, o Blogar e Ganhar estará de banhinho tomado, bem cheirosão para todos vocês!

Me desculpem pelo incômodo!
E não reparem a bagunça!

Como Mudar a Cor da Barra de Rolagem

2009-07-23T11:46:00.000-07:00

Embora seja considerádo fútil para muitos desenvolvedores, mudar a cor da barra de rolagem pode ser muito complementar para alguns layouts. E para isso, você deve inserir um código HTML e somente o blogue com esse código terá as cores da barra de rolagem alteradas, e todos as outras páginas da internet estarão como de costume.

Vale lembrar que essa tecnica só funciona em navegadores MS, ou seja, Internet Explorer. (Dica do Natanael do "Como Criar Sites")

Abaixo segue o código HTML para ter a barra de rolagem colorida, que deve ser inserido depois da tag <HEAD> do seu template (use Ctrl+F para procurar). Lembrando que para alterar o código HTML do seu blogue, você deve abrir a Guia Editar HTML da aba Layout.

<style type="text/css">

</style>

As cores devem ser indicadas em valores hexadecimais (#xxxxxx) como vocÊs podem ver na Tabela de Cores HTML.

Cronograma Virtual (Mês 2)

2009-07-22T05:33:00.000-07:00

Durante praticamente todo o primeiro mês, eu estipulei metas a serem batidas que era conseguir meus primeiros cinco dólares com a monetização do blogue e conseguir um fluxo médio semanal de 30 visitas por dia.

Quando acorder fui como um louco ver meus ganhos no AdSense e meus resultados no Analytics. Para a minha surpresa consegui bater minha meta em abas, durante essa semana tive 126 visitantes - o que equivale a mais de 30 visitas por dia - e consegui meus cinco dólares redondinho, em "cima da linha".

Devo confessar que foi um pouco trabalhoso chegar aqui, divulguei o blogue em algumas comunidades do orkut, participando de alguns fóruns, comentei um pouco também em alguns outros blogues, me cadastrei em alguns indexadores de conteúdo e só. Muitos visitantes estão começando a vir de mecanismos de busca, e isso é muito bom, pois vejo que as pessoas estão começando a ter acesso pelo meu blog pela fonte que mais nos traz visitantes.

Agora, só não pense que por eu ter batido minha meta ~~mensal~~ semanal, eu vou me acomodar e deixar tudo como tá. Eu quero é mais!

Meta: Conseguir um fluxo de 1000 visitas mensais. E conseguir meus primeiros 10 dólares com a monetização do blogue.

Menu Com Ícones para Blogs

2009-07-21T13:04:00.000-07:00

Mais uma das minhas dicas super rápidas! Dessa vez é um menu que eu criei com quatro ícones acqua que você pode colocar na sua sidebar para linkar algumas páginas importantes como a página inicial, a página de feeds, uma página no orkut e um botão que adiciona seu blogue aos favoritos. A única coisa que você deve fazer é substituir as partes destacadas em vermelho pelo endereço do seu blogue ou orkut e colar na sua sidebar no menu "Layout > Elementos de Página", clicando em Adcione um gadget e HTML/JavaScript.

P.S.: Peço que vocês não removam os créditos, porque tanto o design dos ícones quanto o código foram criados por mim depois de muito trabalho! Eu agradeço!

<script language="JavaScript">
function addFav(){
var url="URL DO SEU BLOG";
var title="NOME DO SEU BLOG";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top">
<a href="http://URLDOSEUBLOG.blogspot.com"><img src="http://planetaguitarra.com.br/blogareganhar/home.png" border="0" alt="Página Inicial" title="Página Inicial"></a>
<a href="http://URLDOSEUBLOG.blogspot.com/#" onclick="window.external.AddFavorite('http://URLDOSEUBLOG.blogspot.com','Nome do Seu Blog');" title="Adicionar aos Favoritos | Internet Explorer">
<img alt="Adicionar aos Favoritos | Internet Explorer" src="http://planetaguitarra.com.br/blogareganhar/faves.png" border="0"/></a>
<a href="http://URLDOSEUBLOG.blogspot.com/feeds/posts/default"><img src="http://planetaguitarra.com.br/blogareganhar/feed.png" border="0" alt="Feed" title="Feed"></a>
<a href="http://ENDERECONOORKUT.com"><img src="http://planetaguitarra.com.br/blogareganhar/orkut.png" border="0" alt="Orkut" title="Orkut"></a><br/><div align="right"><em><font face="Verdana" size="1">By <a href="http://blogareganhar.blogspot.com/2009/06/menu-com-icones-para-blogs.html" target="_blank">Blogar e Ganhar</a></em></font></div></td></tr></table>

Widget "Linkaram"

2009-07-20T07:42:00.000-07:00

Esse widget é muito interessante para aumentar o número de links para seu blogue e aumentar seu PageRank. Trata-se de uma ferramenta que mostra os últimos blogues ou sites que te linkaram. Se seu blogue tiver bastante visitas diárias, muitas pessoas vão linká-lo unicamente para ter seus blogues ou sites relacionados nesse widget.

Veja também:
Verificar Backlinks
O que é PageRank?

Antes de qualquer outra coisa, acesse o Google Blog Search (Clique Aqui) e pesquise por link:seublog.blogspot.com e clique em "Pesquisar Blogs". Não se esqueça de substituir o valor destacado em vermelho pelo endereço do seu blogue.

Abrirá uma lista relacionando todas as páginas que linkam seu blogue. Agora clique em Atom ou RSS e abrirá uma outra página com o Feed. Copie o endereço dessa página.

Agora vá em "Elementos de página" na aba Layout e escolha o Gadget "Feed".

Cole o endereço copiado da página de Feed e cole na campo em branco. Depois, é só você configurá-lo da maneira como você quer que ele apareça em sua página. Fácil, não?

Como Remover a Navbar do Blogger?

2009-07-19T13:44:00.000-07:00

A navbar (ou barra de navegação) é uma barra que fica no quanto superior de muitos templates, principalmente se o template for um dos padrões oferecidos pelo Blogger. Enfim, essa barra de navegação nem sempre é desejada pelos blogueiros e muitos optam por removê-la, outros, por questão de estética ou ética, preferem deixá-la e alterar somente a cor para combinar com o layout.

Para remover a barra de navegaçao do Blogspot, vá em Layout > Editar HTML e procure (Ctrl+F) pelo código /* Variable definitions
Acima dele, insira o seguinte código:

#navbar-iframe { display: none !important; }

Visualize o modelo, e se a barra for devidamente removida, salve o template!

Template 12 - Cold Blue

2009-07-18T11:13:00.000-07:00

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Tradutor (Inglês e Espanhol) com Bandeiras

2009-07-17T07:32:00.000-07:00

Na internet já encontrei diversos Widgets para tradução de webpages, porém muitos tinham bandeiras de muitos países e isso faz com que seja desnecessária a tradução para alguns idiomas de países que nem visitam nosso blogue. Pensando nisso, resolvi fazer um widget simplificado disponibilizando somente a tradução para dois idiomas: o inglês e o espanhol - por se tratarem de dois dos idiomas mais fluentes de todo o planeta, levando em consideração que ambas as línguas, juntamente, são faladas em mais de 80 países.

Veja também: Ferramenta Google Tradutor de Idiomas

Primeiramente adicione o Gadget HTML/JavaScript ao seu blog no Painel Elementos da Página da Guia Layout.

Agora copie o código abaixo e colé no noco Gadget criado. Após isso, salve o template e visualize o blog para ver se tudo está funcionando corretamente. Ressalto que esse widget pode não funcionar tão bem por ser um pouco lento em alguns navegadores, como no Google Chrome, por exemplo.

<center>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;"
title="English ">
<img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="English" src="http://i41.tinypic.com/f07ss4.png"
title="English"></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;"
title="Espñol "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Español"src="http://i43.tinypic.com/zmgihc.png" title="Español"></a>
<br>
<a href="http://blogareganhar.blogspot.com/2009/03/tradutor-ingles-e-espanhol-com.html" target="_blank"><small>by Blogar Ganhar</small></a></center>

Atendimento Online Via Google Talk

2009-07-16T13:50:00.000-07:00

Já ensinei aqui no Blogar e Ganhar como oferecer um atendimento online por MSN para seus visitantes. Agora, eu trago uma outrar forma de atendimento online, que vai com certeza te trazer um melhor serviço para seu blogue: pelo Google Talk.

Você precisa ter uma conta Gmail e acessar http://www.google.com/talk/service/badge/New, caso você já estiver conectado em sua conta, será levado diretamente á página com o código a ser copiado.

Estando nessa página, copie o código no final da página e acesse o "Menu Layout > Elementos da Página" no painel de controle do Blogger.

Agora clique em "Acionar um Gadget" e insira o elemento "HTML/Javascript" e cole o código do Google Talk. Visualize o blogue e salve o template.

O que não Fazer em um Blog?

2009-07-15T10:21:00.000-07:00

Eu sempre divulgo inúmeras coisas para você fazer em seu blogue, desde dicas mais básicas até as mais sofisticadas. Entretanto, nunca postei nada que fosse relacionado ao que não fazer em um blogue, e por esse motivo estou disponiblizando algumas dicas de comportamento para que você não cometa alguns erros de principiantes e acabe perdendo visitantes.

1) Não deixe de responder aos visitantes.
Independente se for um e-mail ou um simples comentário na página de postagem, sempre responda aos seus visitantes pois é perfeitamente natural que eles tenham dúvidas, críticas ou sugestões sobre aquilo que você escreve. Quanto as críticas, saiba ter um comportamento profissional até com os mais agressivos dos comentários. E lembre-se que os visitantes esperam uma resposta de seus comentários e esse retorno deles te garante novas visitas e a satisfação de ambos.

2) Não coloque muitos anúncios na página.
Colocar muitos anúncios em suas páginas pode demonstrar uma má intenção para os visitantes. O ideal e você utilizar 1 ou (no máximo) 2 programas de afiliados e, mesmo assim, saber onde colocar esses anúncios de forma correta, pois até mesmo esses programas de afiliados restringem um número grande de anúncios a serem expostos em uma mesma página.

3) Não publique notas ofensivas.
Quem fala o que quer, ouve o que não quer. Portanto, não publique nada que seja de conteúdo racista, agressivo ou pornográfico a menos que seja o propósito satirizar algo. Mas mesmo assim todo cuidado é necessário, pois isso pode fazer com que um determinado grupo de pessoas possa vir a não retornar em seu site pelo conteúdo divulgado improprioamente.

4) Não escreva sem coerência.
Publicações "sem pé nem cabeça" costumam ser rejeitados pelos visitantes e diminui a qualidade de seu blogue. O importante é você não sair do contexto daquilo que seu blogue é, evitando assuntos pessoais quando assuntos fora desse tema são abordados.

5) Nunca copie conteúdo de outros sites ou blogues sem autorização.
Desde o ensino primário aprendemos aquilo o que chamamos de interpretação de texto, certo? E na internet a informação chega às "toneladas" todos os dias - o que faz com que você ache muito material importante e queira divulgá-lo em seu blogue. A maneira mais respeitosa para isso é pedindo autorização para o dono da publicação antes de publicar em seu blogue ou site. Ou se você preferir, faça uma interpretação daquilo que você leu e faça uma nova publicação com as suas próprias palavras, não se esquecendo de fornecer o usuário a fonte a qual você achou essa informação, com um link para essa página.

Template 11 - Smashing

2009-07-14T07:26:00.000-07:00

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Menu em Abas Para Blogger

2009-07-13T05:08:00.000-07:00

Muitas pessoas tem me perguntado como se faz um menu com abas igual o que eu uso em minha sidebar. Este tipo de menu é muito bom para quem quer poupar espaço no blogue e torná-lo uma coisa mais interativa.
Antes de qualquer outra coisa, não afirmo que esse menu em abas seja realmente funcional em todos os modelos de templates, pois eu mesmo já tive problemas em algun templates mas, no geral, funciona sim!

Entre na edição HTML (Layout > Editar HTML) do seu blog e faça um cópia de segurança dele clicando em Baixar modelo completo (Se você tiver a possibilidade de tentar inserí-lo em um blogue de testes seria perfeito).

Primeiramente copie e cole o seguinte código antes da tag </head>:

<script src='http://planetaguitarra.com.br/blogareganhar/tabber.js' type='text/javascript'/>

Agora localize (Ctrl+F) a linha /* Profile, e antes dela insira o seguinte código CSS, lembrando de substituir o valor em vermelho pela largura da sua barra lateral:

/*--------Tabber ---------------------------------*/
#tabsidebar-wrapper{width: 400px;float: right;border: 1px none #CCC;margin-bottom: 15px;}
.tabberlive .tabbertabhide {display:none;}
.tabber {display:none;}
.tabberlive {margin-top:1em;}
.tabber h2 {border-bottom:2px solid #5B0;margin-bottom: .3em;padding: 0;line-height:1.2em;}
.tabber .widget {margin-bottom: 1em;}
.tabber .widget-content {margin: 0 5px;}
ul.tabbernav{margin:0;padding: 8px 0;border-bottom: 1px solid #CCC;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding: 8px 0.5em;margin-right:2px;border: 1px solid #CCC;border-bottom: none;background: #EEE;text-decoration: none;}
ul.tabbernav li a:link { color:#369;}
ul.tabbernav li a:visited { color: #369;}
ul.tabbernav li a:hover{color:#00F; background: #CCC; border-color: #CCC;}
ul.tabbernav li.tabberactive a{background-color: #FFF;color: #369;border-bottom: 1px solid #FFF;}
ul.tabbernav li.tabberactive a:hover{color: #369;background: #FFF;border-bottom: 1px solid #FFF;}
.tabberlive .tabbertab {background: #FFF;padding:5px;border:1px solid #CCC;border-top:0;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

Agora procure pelo trecho <div id='sidebar-wrapper'> e antes dele cole o seguinte código HTML:

<div id='tabsidebar-wrapper'>
<div class='tabber' id='tab1'>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab1' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab2' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='tabbertab'>
<b:section class='sidebar' id='tabbertab3' maxwidgets='1' showaddelement='yes'/>
</div>
</div></div>

Pronto! Veja se está tudo certo e então salve o template.
Agora você pode adicionar Gadget (elementos de página) em cada uma das abas clicando nos números correspondentes a elas, no "Layout > Elementos da Página" exatamente como mostrado abaixo:

Créditos: BarelyFitz Designs

Promoção - Ganhe 1 Blog Personalizado!

2009-07-12T09:22:00.000-07:00

Para muitos blogueiros iniciantes (ou não), ter um blogue com um visual profissional é uma tarefa quase que impossível. Por esse e outros motivos, estamos lançando essa promoção que vai premiar um blogue pra lá de personalizado, do jeito que você quiser.

E para isso, a única coisa que você precisa fazer é se cadastrar no formulário abaixo e pronto! É só esperar o sorteio que ocorrerá dia 15 de julho de 2009 que trará 5 ganhadores!

Boa Sorte para todos!! ;D

CADASTRO

Template 10 - Coco Lova

2009-07-11T08:53:00.000-07:00

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Julho 2009

2009-07-11T05:31:00.001-07:00

01/07 - Template 2 - SB Blogger
02/07 - Template 3 - Template Blue
03/07 - Template 4 - Minyx
04/07 - Template 5 - Marco
05/07 - Template 6 - Blue Print
06/07 - HTML - Formulários
07/07 - Template 7 - Blogger Green
08/07 - Template 8 - Hardcore Blogger
09/07 - HTML - Considerações Finais
10/07 - Template 9 - Cronos
11/07 - Julho 2009
11/07 - Template 10 - Coco Lova

Template 9 - Cronos

2009-07-10T08:49:00.000-07:00

mo Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

HTML - Considerações Finais

2009-07-09T07:05:00.000-07:00

Para quem deseja ter sucesso com o design de um site ou blogue, deve ter pleno conhecimento nessa inguagem tão requisitada que é o HTML, que utiliza comandos de textos para enviar informações visuais (ou não) para o navegador.

Lembrando que um documento HTML tem que ser devidamente formatado entre os marcadores (tags) <HTML> e </HTML>, que tem internamente o marcador de cabeçalho <HEAD> - contendo informações não visíveis da página no navegador - e o marcador <BODY> - que contém informações visíveis da página, ou seja, o corpo da página própriamente dito.

Existem inúmeros marcadores que indicam determinados comando para o navegador como o <P> que indica um novo parágrafo, o <B> que indica que o texto deverá estar em negrito. Vale ressaltar que a maioria das tags devem ser devidamente fechadas como o caso <P>, que ao fim do parágrafo deve ser finalizado com </P>.

O interessante de um documento HTML é justamente a possibilidade de fazer as coisas de uma maneira rápida, fácil e segura como Inserir figuras, Links, Tabelas, Listas...etc. Lógico que saber HTML tem que ser usado em conjunto com a criatividade e a objetividade de quem o escreve.

Template 8 - Harcore Blogger

2009-07-08T15:37:00.000-07:00

mo Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 7 - Blogger Green

2009-07-07T06:17:00.002-07:00

O Blogger Green é um sucesso de template. Perambulando pela internet, encontrei alguns blogues que utilizam esse template e realmente é bem requisitado. Para quem quer um bom layout o Blogger Green é a solução! Baixe agora mesmo e teste em seu blogue. Garanto que você não vai se arrepender!

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Formulário HTML

2009-07-06T05:54:00.000-07:00

Os formulários são os grandes responsáveis pela interação entre o usuário e o servidor, pois ele possibilita a troca de dados ou informações. São geralmente feitos de campos de texto, menus de opções ou botões de múltipla escolha.

Os formulários começam pela tag <FORM> e terminam com </FORM>. Você deve fornecer o método (method) em que as infomrações serão enviadas ao servidor, além de fornecer o endereço URL do script ao qual serão enviados seus dados. Especificamos esse endereço através do parâmetro action:

post - voltado à transferência de grandes quantidades de dados, transferindo a informação assim que a URL estiver habilitada. Quando o servidor recebe uma ativação via post, ele continua aberto para receber informações.

get - Suporta somente 128 caracteres e os dados fazem parte da URL associado à consulta enviada para o servidor.

<FORM method="post" action="teste.html">
AQUI VAI OS CAMPOS DO FORMULÁRIO
</FORM>

INSERINDO CAMPOS AOS FORMULÁRIOS

CAMPOS DE TEXTO

<form action="teste.php" method="post">
Digite o nome de sua cidade:
<input maxlenght="15" name="Cidades" size="15" type="text" value="Guarulhos">
Digite uma senha:
<input maxlenght="10" name="Senha" size="10" type="password" value="minhasenha">
</form

O exemplo acima tem dois campos de texto, um "text" e outro, "password".
O campo "text" permite a entrada de um texto e quanto o parâmetro "password" permite a entrada de um texto camuflado por asteriscos (*).

Parâmetros opcionais dos campos de texto

value - atribui um valor inicial para o campo de texto;
size - atribui a largura do campo;>
maxlenght - especifica o número máximo de caracteres aceitos no campo.

BOTÕES DE MÚLTIPLA ESCOLHA
Existem dois tipo de botões de múltipla escolha: o "radio" que é um formulário de múltipla escolha onde é permitido a escolha de apenas um item, e o "checkbox" que é um campo onde o usuário pode escolher mais de uma opção entre outras alternativas pré-estipuladas. Veja abaixo um exemplo de formulário "Radio" e depois um formulário "Checkbox":

Que outro curso você quer ver em nossas páginas:
<input checked="checked" name="preferencia" type="radio" value="cbuilder" /C++Builder>
<input name="preferencia" type="radio" value="php" /PHP>
<input name="preferencia" type="radio" value="delphi" /Delphi>
<input name="preferencia" type="radio" value="vb" /Visual Basic>
<input name="preferencia" type="radio" value="asm" /Assembly>
<input name="preferencia" type="radio" value="java" /Java>

Que outro curso você quer ver em nossas páginas:
<input checked="checked" name="preferencia" type="checkbox" value="cbuilder" /C++Builder>
<input name="preferencia" type="checkbox" value="php" /PHP>
<input name="preferencia" type="checkbox" value="delphi" /Delphi>
<input name="preferencia" type="checkbox" value="vb" /Visual Basic>
<input name="preferencia" type="checkbox" value="asm" /Assembly>
<input name="preferencia" type="checkbox" value="java" /Java>

O parâmetro checked, que é opcional, determina a marcação da opção inicialmente. Já value é obrigatório pois especifica o valor da opção a ser enviada ao servidor.

Template 6 - Blue Print

2009-07-05T05:13:00.000-07:00

O Blue Print é um template bem limpo de fundo branco, aparentemente bem básico se não fosse pelas postagens resumidas. Para quem não sabe as postagens são resumidas para que o leitor tenha uma visão mais ampla do conteúdo da postagem e possa esolher aquelas postagens que queira ler.

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 5 - Marco

2009-07-04T11:49:00.000-07:00

Mais um template básico, de fundo escuro e bem simples para facilitar a personalização. O template também conta com o resumo das postagens, que facilita a leitura e possibilta que o leitor apenas leia as postagens que escolher e isso sem mencionar que as postagens ocumpam um espaço menor na tela.

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 4 - Minyx 2.0

2009-07-03T07:31:00.000-07:00

Aí vai outro template muito bom, o Minyx 2.0 que é bastante prático e bem completinho! Como eu sou fã de blogues com pouco enfeite (pois são mais fáceis de se personalizá-los) o Minyx 2.0 é um template básico de fundo branco sem muitos recursos padrões - o que o torna bem cleans e rápido.

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 3 - Template Blue

2009-07-02T07:09:00.000-07:00

O template Blue é um ótimo template com 3 colunas com um design bem agradável e de fácil navegação. Ele já vem padronizado com as postagens resumidas o que facilita a leitura. O único trabalho que tive foi fazer com que as postagens abrissem em páginas individuais para que leitor possa escolher as postagens que queira ler sem ter que ficar voltando ou passando páginas para isso.

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 2 - SB Blogger

2009-07-01T16:44:00.000-07:00

O curioso desse template é que ele é uma cópia fiel das páginas do Blogger e é ideal para blogues que falam de blogues e é muito chamativo para pessoas que buscam esse conteúdo ou qualquer outro que seja relacionado ao Blogspot.

Lógico que ele teria a nossa "mãozinha" e mudaríamos algumas coisas, o tornando bem mais funcional do que ele ja aparenta ser: o template resume as postagens, a modo que o leitor possa ler um trecho de uma publicação antes de lê-la por completo.

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Template 1 - Clean Box

2009-06-27T10:35:00.000-07:00

Para inaugurar nossa nova coluna que traz os melhores modelos de templates para seu blog, resolvi escolher o Clean Box, que é um template básico de visual bem limpo e de fácil navegação. O template tem suas postagens resumidas e somente quando a pessoa clica em um botão, que será levada para uma página suspensa com a postagem completa - isso faz com que o usuário possa ler apenas um trecho das suas postagens e escolha quantas e quais postagens quer ler completas. Enfim, ficou perfeito!

Como Trocar o Template do Seu Blog
Como Fazer uma Cópia de Segurança do Seu Blog
Como Trocar o Template Sem Perder os Widgets

Frames - HTML

2009-06-26T05:11:00.000-07:00

Antes de mais nada peço que você esclareça todas as suas dúvidas de lições anteriores e atinja um bom nível sobre noções em HTML. Não hesite em nos perguntar, teremos o prazer de solucionar todos as suas dúvidas e ouvir suas críticas e sugestões. Você pode esclarecer suas súvidas tanto postando comentários na página em que você encontrou uma dúvida ou nos enviando um e-mail, preenchendo o formulário de contato. Agora vamos ao assunto:

Frames (ou quadros) são uma extensão da linguagem HTML que nos permite que em uma mesma janela (browser) sejam abertas mais de uma página simultâneamente, dividindo a janela em diversas regiões que podem conter documentos distintos em cada um delas.

Apesar de ser bem fácil utilizar frames em suas páginas, muitos usuários não gostam devido a problemas com a impressão do conteúdo ou por exemplo, a adição dessa página em mecanismos de busca, que não agregam somente a "página-mãe" aos resultados, mas sim todas as suas páginas individuais.

Para isso você precisa criar um novo documento HTML com a seguinte estrutura (que substitui a tag <BODY> pela tag <FRAMESET> que indica que ao invés de um "corpo-sólido", a página contém elementos externos de outras páginas - os frames própriamente ditos:

<HTML>
<HEAD>
<TITLE>Título da Página</TITLE>
</HEAD>
<FRAMESET COLS="30%, 70%">
<FRAME SRC="paginaA.html">
<FRAME SRC="paginaB.html">
</FRAMESET>
</HTML>

Perceba no exemplo acima que a "página-mãe" é dividida por duas outras individuais: uma equivalente a trinta porcento do espaço da página-mãe e outra equivalente aos restantes setenta porcento (respectivamente paginaA.html e paginaB.html).
Ao invés de dividir a página verticalmente em colunas, você pode divídi-la horizontalmente em linhas, substituindo o parâmetro COLS (contido na tag FRAMESET) e substituindo pelo parâmetro ROWS, como mostrado abaixo:

<HTML>
<HEAD>
<TITLE>Título da Página</TITLE>
</HEAD>
<FRAMESET ROWS="30%, 70%">
<FRAME SRC="paginaA.html">
<FRAME SRC="paginaB.html">
</FRAMESET>
</HTML>

Existem muitos outros parâmetros que podem ser usados com Frames, mas de começo tudo o que você precisa aprender é tudo isso que eu ensino nessa lição. Treine bastante e lembre-se, não continue nosso aprendizado enquanto você não dominar tudo o que eu já ensinsei por aqui!

Atualização do PageRank

2009-06-25T06:38:00.000-07:00

Como todos já devem saber, o Google classifica as páginas da internet atribuindo á elas valores de 0 a 10 - uma escala que determina a relavância de cada uma dessas páginas e consecutivamente a ordem dessas páginas em mecanismos de busca.

Veja também:
O que é Google PageRank?
Calcule o PageRank do seu Blog ou Site

O que é sabido é que o Google geralmente faz uma reclassificação períodica das páginas da internet, geralmente a cada 3 ou 4 meses. Porém, nesses últimos tempos esse período de tempo vem sendo cada vez menor e um dos motivos pelo qual houve esse adiantamento na atualização do PageRank, é justamente devido a popularização e reclassificação dos perfis do Twitter, que tiveram uma perda de relevância por conta dessa gigantesca popularização do site.

A última atualização do PageRank aconteceu ontem (24/06/2009) e pelo que parece, ela foi apenas um complemento da atualização anterior que aconteceu em 29 de maio. Uma prova disso foi que , nesse dia, o PageRank do Blogar e Ganhar continuava zero.

Nesse dia, fiquei muito desapontado, pois apesar desse blogue ter apenas dois meses de vida, eu pensei que eu fosse conseguir pelo menos uma nota 1, para começar a decolar em minha trajetória. Para a minha surpresa, quando fiquei sabendo da atualização do PageRank ontem, fui logo correndo ver se eu finalmente saira do 0. Foi quando percebi que ganhei uma nota maior do que a da minha expectativa! O Blogar e Ganhar recebeu uma nota 2 - o que me deixou muitíssimo feliz e bem mais entusiasmado em continuar fazendo o que eu mais gosto que é cuidar desse blogue e passar pra vocês tudo que eu aprendo com ele!

A Importância de Reescrever Suas Postagens

2009-06-25T06:24:00.000-07:00

Atualizar o conteúdo com novidades e curiosidades é uma das sugestões que eu sempre dou aqui no blogue para você atrair bons visitantes. Agora, uma das coisas que você deve saber é diferenciar a qualidade e a quantidade - confesso á vocês que até pouco tempo eu levava muito em consideração a quantidade de postagens que eu escrevia, e não a qualidade. E quando me deparei, eu havia escrito inúmeras postagens com pouca informação - o que geralmente acabava fazendo com que os visitantes ficassem insatisfeitos com o blogue.

Pensando nisso, resolvi reformular todas as postagens que tinham o contéudo que eu mesmo classificava como regular ou boa. Muita coisa que eu aprendi eu acrescentei nas postagens e muitas coisas que eu achava desnecessárias eu removi. Isso sem mencionar que como a quantidade de assunto aumentou, pude interligar todas as páginas que tinham assuntos relacionados, aumentando a qualidade da navegação e a interatividade.

Para você reescrever suas postagens, você não precisa apagar aquela que você já escreveu (pois isso te daria vários problemas caso ela esteja sendo linkada por uma outra página), mas sim apenas editá-la e fazer as alterações necessárias, a ponto de corrigir erros ortográficos e, volto a dizer, acrescentar o esquecido e apagar o dispensável. Com isso, suas postagens ganharão bem mais qualidade enquanto o leitor, a satisfação.

Eu aconselho que você revise suas postagens regularmente, aproximadamente a cada 30 postagens. Vale lembrar que essa é somente uma sugestão pessoal, pois é com uma enorme satisfação que eu passo pra vocês tudo o que eu aprendo aqui no Blogar e Ganhar e realmente quando eu penso que já sei tudo sobre "atrair visitantes" para o blogue, percebo que um fator inportante para atrair visitantes, é também não espantá-los.

Atributos de Uma Tabela HTML

2009-06-24T08:58:00.000-07:00

Vimos Aqui no Blogar e Ganhar como criar uma tabela HTML. Agora vamos aprender mais alguns atributos que são implementados nas tags <TABLE>, <TD> e <TR>.
Você pode escolher uma cor estática ou uma figura de fundo para a tabela, usando o atributo bgcolor para um cor estática e o atributo background para uma figura armazenada em seu computador ou na internet.

Assim como a tag BODY bgcolor define a cor do fundo da página, a tag TABLE bgcolor define a cor do fundo da tabela. Lembrando que você pode escolher tanto o nome da cor quanto seu código hexadecimal, como mostrado em Tabela de Cores HTML. Ou se preferir optar por uma imagem como fundo da tabela, use o parâmetro background como mostrado abaixo:

Expressura e a Cor da Borda
Os atributos border e bordercolor definem a expressura e a cor da borda, respectivamente. Para uma tabela sem bordas, use o valor "0" (zero) para o parâmetro "border". Observe o exemplo abaixo:

<TR>

<TD>LINHA 1 COLUNA 1</TD>

</TR>

</TABLE border="2" bordercolor="#FF0000" width="200" height="500">

Largura e Altura da Tabela
Como mostrado acima a largura e altura é definada pelos parâmetros "Width" (largura) e "Height" (altura) contendo seus respectivos valores entre aspas ("").

Como lidar com a concorrência?

2009-06-23T06:03:00.000-07:00

Quanto mais vasculhamos pela internet mais encontramos sites e blogs que falam sobre as mesmas coisas que abordamos nos nossos - no meu caso eu já até perdi as contas de blogs iguais o meu. A grama do vizinho sempre parece mais verde que a nossa. O que fazer nessa situação?

Por mais que dê vontade de espancar, a principal dica é manter o respeito e procurar sempre se destacar, a modo que prefiram o seu material ao invés o da concorrência. E não se desapontar quando encontrar um material melhor que o seu.

Dicas Importantes

Atualizar o conteúdo pode ser a diferença entre vitória e o fracasso. Pessoas buscam por informações atualizadas na internet e sempre que gostam de um site ou blog, voltam para conferir novidades. E atualizando o conteúdo regularmente te coloca a frente de centenas de concorrentes.

Um blog bem apresentável, bem organizado e com um visual agradável pode (além de te trazer novos visitantes) dar um "chega-pra-lá" na concorrência, não se esquecendo de ter em foco, o Público-Alvo. Para isso, ter conhecimento em HTML (ou outra plataforma de design) é imprescindível para uma melhor personalização de suas páginas.

Devemos tomar um enorme cuidado com a questão dos plágios. Da mesma maneira que você não deve copiar o conteúdo de concorrentes, o mesmo não deve copiar um conteúdo de autoria sua. Copiando qualquer material que esteja sob direitos autorais pode fazer com que ao invés de ganhar visitantes, você as perca!

Como Criar Tabelas em HTML?

2009-06-22T10:41:00.000-07:00

Uma das coisas mais difíceis para a maioria dos iniciantes em HTML é a construção de tabelas, pois qualquer erro em um linha de código pode fazer com que a tabela não fique devidamente como queiramos. Contraponto, após dominá-la você terá uma infinidade de possibilidades de criação, tendo em mente que em praticamente tudo na internet se usa tabelas, pois elas mantém a organização da página. Aqui no Blogar e Ganhar eu uso uma tabela para o cabeçalho da página, outra para o corpo (que é dividida em duas colunas: postagens e barra lateral) e uma outra para o rodapé da página. Observe a figura abaixo para entender melhor:

A construção de uma tabela começa pela tag <TABLE> e termina com a tag </TABLE>. Entre elas usa-se as tags <TR> e </TR> para indicar o começo e o fim de uma nova linha e <TD> e <TD> para indicar o começo e o fim de uma nova coluna. Veja o exemplo abaixo de uma tabela com uma linha e duas colunas:

<TR>

<TD>COLUNA 1</TD>

<TD>COLUNA 2</TD>

</TR>

</TABLE>

Obs.: "border" correspode a um paramêtro que determina a expressura da borda da tabela.
No exemplo acima vemos claramente que inicia-se a tabela, feita de uma linha e duas colunas. Já no próximo exemplo veremos uma outra tabela com duas colunas e duas linhas:

<TR>

<TD>LINHA 1 COLUNA 1</TD>

<TD>LINHA 1 COLUNA 2</TD>

</TR>

<TR>

<TD>LINHA 2 COLUNA 1</TD>

<TD>LINHA 2 COLUNA 2</TD>

</TR>

</TABLE>

A tabela pode ser usada com muitos outros parâmetros que de momento não precisamos focar, o que você precisa ter em mente é como que funciona a estrutura da tabela. Para isso treine bastante com o bloco de notas e faça várias tabelas até que você domine tudo o que foi ensinado aqui.

Lista de Topicos em HTML

2009-06-21T07:45:00.000-07:00

A organização dos elementos da página (texto, fotos...etc) é um dos critérios visuais mais importantes para o sucesso de um blog ou site. E uma solução prática para isso é o uso de listas, que com toda certeza vai te ajudar muito com a "limpeza" de suas páginas quando tratamos mais de um tópico em uma determinada página.

A linguagem HTML suporta cinco tipos de listas, sendo duas de toda importância no momento: a lista ordenada e lista a não ordenada - cada uma, obviamente, com sua determinada tag.

Lista Não Ordenada

Para se criar uma lista não ordenada, devemos determiná-la com o uso da tag <ul> seguindo cada item da lista utilizando a tag <li> (não se esquecendo de fechá-las adequadamente):

<ul>

</ul>

Resultado:

Item 1
Item 2
Item 3

Lista Ordenada (Numerada)

Para criar uma lista ordenada, basta você substituir a tag <ul> e utilizar a tag <ol> como mostrado abaixo:

<ol>

</ol>

Resultado:

Item 1
Item 2
Item 3

Como inserir Links

2009-06-20T11:25:00.000-07:00

O mais interessante quando falamos em HTML é justamente poder interligar as páginas entre si, seja através de texto ou imagens, promovendo aquilo o que chamamos de navegação, fazendo com que o internauta saia de uma página ao clicar em um link e seja conduzido á uma página de destino. Para isso utilizamos a tag <A> juntamente com o atributo "href" que irá definir justamente essa página de destino citada a pouco. Observe o exemplo abaixo:

<A href="paginadedestino.html">Link a Ser Exibido como Link</A>

A tag <A> indica a existência de um novo link enquanto o atributo "href" indica qual será a página ou arquivo de destino. Vale lembrar que a tag <A> deve ser devidamente fechada com </A>, caso contrário e resto do texto também estará como um link.

Se a página que você quer linkar estiver armazenada em um outro direório (pasta) ou na internet, basta você inserir o endereço por completo como seguinte mostrado:

<A href="http://www.sitedainternet.com.br/paginadedestino.html">Link para uma página da internet</A>

<A href="pasta1/paginadedestino.html">Link para uma pasta ou diretório diferente da qual a página está armazenada</A>
(Nesse exemplo a página a ser linkada (paginadedestino.html) está um diretório acima em uma pasta chamada "pasta1")

<A href="pasta1/pasta2/paginadedestino.html">Link para uma pasta que esteja dois diretórios acima</A>
(Nesse exemplo a página a ser linkada (paginadedestino.html) está dois diretórios acima em uma pasta chamada "pasta2" - que por sua vez está em dentro de uma outra pasta chamada "pasta1").

<A href="../paginadedestino.html">Link para uma pasta que está um diretório abaixo</A>
(Nesse exemplo a página a ser linkada (paginadedestino.html) está um diretório abaixo da qual a página principal se encontra, como por exemplo da pasta2 para a pasta1).

Tags de Título e Sub-Título

2009-06-19T06:29:00.000-07:00

Use as tags <h1/6> para demarcar título e subtítulos em um texto. Cada uma dessas seis tags representam um tamanho e formatação diferente, podendo também serem usadas com parâmetros "align" que irão definir o alinhamento do texto entre os atributos left (esquerda [alinhamento padrão]), center (centro) ou right (direita). Não esqueça de testar os exercícios no Notepad (Bloco de Notas) para ver os resultados na prática.

<h1>Título</h1>

<h1>Sub-Título</h1>

<p align="center">Texto</p>

Percebe-se pelo exemplo acime que a tag <h1> tem maior relevância que a tag <h2>, que por sua vez tem maior relevância que a tag <h3> e assim sucessivamente até a tag <h6>.

Veja abaixo alguns exemplos dessas tags, cada uma em uma formatação diferente de alinhamento e relevância:

<h1>Cabeçalho 1</h1>

<h2 align="left">Cabeçalho 2</h2>

<h3 align="center">Cabeçalho 3</h3>

<h4 align="right">Cabeçalho 4</h4>

<h5 align="center">Cabeçalho 5</h5>

<h6 align="rightr">Cabeçalho 6</h6>

Inserindo Figuras, Imagens e Fotos

2009-06-18T11:38:00.000-07:00

Uma das coisas mais simples no Blogger, é inserir uma imagem em suas postagens. Basta ir até a caixa de criação de postagens, clicar em Escrever e então selecionar a opção Inserir Imagem entre as outras opções no menu superior da caixa de postagem.

Mas se por acaso você tiver um site ao invés de um blog, terá que inserir as figuras manualmente inserindo a seguinte tag entre o corpo do texto:

Width e Heigth definem a largura e altura da foto, respectivamente como mostrado em: Otimização de Imagens. Mas tome muito cuidado ao definir a altura e largura da imagem para que ela não se distorça ficando muito larga ou alta. E se você quiser que a imagem apareça em seu tamanho original, você não precisa acrescentar esses dois parâmetros aqui citados.

Para adicionar uma imagem que esteja hospedada na internet, basta você adicionar o endereço dela completo como mostrado seguinte:

Tabela de Cores HTML

2009-06-17T07:41:00.000-07:00

Coisas como alterar a cor da fonte ou mudar a cor do fundo da página usa-se em sua respectiva tag, o nome da cor desejada, certo? Porém esse sistema de nomes é muito vasto e não se tem uma variedade de cores a serem usadas. Segue a lista de todas (ou quase todas) as cores que podem ser implementadas pelos seus nomes: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white e yellow.

Uma outra possibilidade é usar as cores em formato RGB (Red, Green, Blue) em hexadecimal, ou seja, usa-se a mistura entre essas cores para se obter a cor desejada.

Alguns exemplos :
#FFFFFF (Branco)
#FFFF00 (Amarelo)
#FF0000 (Vermelho)
#00FF00 (Verde)
#00FFFF (Cian)
#C0C0C0 (Cinza)
#A8A8A8 (Cinza claro)
#0000FF (Azul)
#FF00FF (Magenta)
#BC8F8F (Pink)
#4F2F4F (Violeta)
#000000 (Preto)

Exemplos:
<BODY bgcolor="#000000"> - Define o plano de fundo da página em preto.
<FONT color="#0000FF">Define a cor da fonte em Azul</FONT>

HTML - Parágrafos e Quebra de Linhas

2009-06-16T10:11:00.000-07:00

Quando abordei as Noções Básicas Sobre HTML, dei como exemplo a tag <P> - que indica um novo parágrafo no texto HTML - e <br> que indica o surgimento de uma nova linha. Agora iremos ver em prática como essas duas tags funcionam dentro de um documento HTML (Leia Estrutura do Documento HTML):

<HTML>
<HEAD>
<TITLE>Título da Página</TITLE>
</HEAD>
<BODY>
<P><FONT face="Verdana, Arial" color="red" size="3">Parágrafo 1 - Texto com fonte Verdana na cor vermelha e tamanho 3> /FONT></P>
<P><FONT face="Verdana, Arial" color="blue" size="2">Parágrafo 2 - Texto com fonte Verdana na cor azul e tamanho 2</FONT></P>
Linha 1<br>Linha 2<br>Linha 3<br>Linha 4<br>
</BODY>
</HTML>

O resultado físico do código acima será o seguinte:

Parágrafo 1 - Texto com fonte Verdana na cor vermelha e tamanho 3

Parágrafo 2 - Texto com fonte Verdana na cor azul e tamanho 2

Linha 1
Linha 2
Linha 3
Linha 4

*A Tag <BR> não precisa ser fechada, ou seja, você simplesmente a coloca onde quer que a linha quebre. Vale lembrar que a linha quebra automaticamente para a de baixo quando atingir o final da página.

Escrever Para Leigos ou Profissionais?

2009-06-15T14:35:00.000-07:00

Conhecer seu público-alvo é sempre uma boa alternativa para cativar cada vez mais e mais novos visitantes, e um ponto a se pensar é o fato de escrever para pessoas que não entendem nada do assunto que é abordado no seu blog ou site, ou escrever para os "entendidos" no assunto e relatar apenas informações adicionais.

Aqui no Blogar e Ganhar eu costumo escrever assuntos tanto para aqueles que não sabem "necas" de SEO ou WebDesign quanto para aqueles que entram no meu blog só para acrescentar algo ao intelecto deles!

Porém existe um grande problema ao escrever para os que são interados no assunto do seu blog. Por exemplo, dificilmente algum blogueiro que saiba todos os macetes de publicidade que eu uso aqui no blog iriam clicar sobre os anúncios, pois alguns sentem até um certo receio de fazê-lo (por mais que a propaganda seja atraente) para que não sejam banidos do AdSense. Não que clicar sobre anúncios de outros blogs seja proíbido, mas acontece que geralmente quem sabe o que é o AdSense costuma não clicar sobre os anúncios de outros blogs. Agora imagine uma pessoa leiga, tanto em internet quanto mais em AdSense - As possibilidades de converter esse visitante em um clique realmente é muito eminente - quanto mais leiga a pessoa for, melhor.

Por esse motivo que resolvi criar, por exemplo, a coluna "HTML", pois geralmente pessoas que procuram por esse tema, na maioria das vezes são leigas em muitos outros assuntos que abordo aqui no blog e isso acaba fazendo com que uma coisa leve a outra. E como desfecho se tem em mente que você pode sim escrever para pessoas que tenham bom conhecimento em AdSense, informática ou qualquer outra coisa que o valha, pois nada te impede disso. Porém, escrever para leigos é bem mais rentável. Como sempre digo: Una o Útil ao Agradável.

HTML - Formatando a Fonte

2009-06-14T11:01:00.000-07:00

Fonte nada mais é do que o nome do tipo de letra que estamos usando para escrever o texto. A fonte padrão chama-se Times New Roman, porém ela não é a fonte mais usada e nem menos a mais adequada para um blog ou site.

A fonte Arial continua sendo a predileta pelos blogueiros e webdesigners seguida pela fonte chamada Verdana e Comic Sans MS. Claro que tudo é uma questão de gosto - apenas digo de forma particular e geral. Compare abaixo essas três fontes:

Times New Roman
Arial
Verdana
Comic Sans MS

Como usar essas fontes em um Documento HTML

O texto deve ser inserido entre as tags <BODY> e </BODY> e para utilizar um tipo de fonte diferente da padão Times New Roman, você deve inserir a tag "font" seguida de alguns outros parâmetros como mostrado abaixo:

<BODY>
<FONT face="Arial, Verdana, Arial" size="2" color="red"> AQUI VAI O TEXTO </FONT>
</BODY>

A tag "font" indica que um novo tipo de fonte será utilizada a partir dela, enquanto o parâmetro "face" indica o tipo de fonte a ser usada, "size" indica o tamanho da fonte e "color", a cor.

Certifique-se de usar uma fonte em que o usuário possa tê-la instalada em seu computador, caso contrário ela não apareecerá corretamente. É para isso que usa-se geralmente mais de uma fonte (separadas por vírgula) no código, como mostrado acima.

Mudar a cor de fundo da página

2009-06-13T06:20:00.000-07:00

Uma das principais características de HTML é justamente a facilidade na personalização de seus elementos que facilmente pode ser modificado ao gosto do webdesigner. E ja vimos aqui no Blogar e Ganhar que o HTML usa alguns códigos de comando chamados tags (Leia Estrutura do Documento HTML). Porém o que você ~~provavelmente~~ ainda não sabia era que existem alguns parâmetros que podem ser atribuídos a essas tags lhes fornecendo mais informações.

As tags <BODY> e </BODY> é responsável por definir o início e fim do corpo da página HTML, ou seja, os elemento visíveis da página, certo? Agora, iremos aprender á adicionar uma outra função para a tag <BODY> que irá mudar a cor do plano de fundo da página, adicionando o parâmetro "bgcolor=cor", ou seja, a tag ficará assim:

<BODY bgcolor="blue">

Desse modo, a cor do plano de fundo da página ficará azul. Porém, você pode escolher entre outras demais cores usando seus respectivos nomes ou código (isso veremos em breve). Mas não se esqueça de colocar o nome da cor em inglês e entre ""(aspas) ou entre ''(apóstrofos).

Estrutura do documento HTML

2009-06-12T05:25:00.000-07:00

Vale lembrar que sabendo HTML, um leque de novas idéias poderá surgir para o webmaster ou blogueiro, que tendo conhecimento nesse tipo de linguagem, poderá facilmente criar novos layouts ou persoanlizar qualquer elemento gráfico contido na página. E dando continuidade em nosso aprendizado sobre HTML, irei abordar agora a estrutura de um documento HTML e as tags que irão definir o que aparecerá (ou não) na página. Todo documento HTML segue uma estrutura padrão que passa determinadas informações para navegador. Observe a estrutura abaixo:

<HTML>
<HEAD>
<TITLE>Título da Página</TITLE>
</HEAD>
<BODY>

TEXTO

</BODY>
</HTML>

<HTML> e </HTML> definem o início e o fim de um documento HTML;
Entre essas tags, encontram-se as tags <HEAD> (que define o início do cabeçalho da página) e <BODY> (que define o início do corpo do documento) - Isso sem mencionar as tags </HEAD> e </BODY> que definem o fim do cabeçalho e corpo do documento.

Você deve estar se perguntando qual a diferença do cabeçalho e o corpo da mensagem e para que ambos servem, certo? Bom, o cabeçalho possui parâmetros que não serão visíveis na página, ou seja, ela informará ao navegador todas as informações sobre a página enquanto entre o corpo do documento, terá todas as informações vísiveis (texto, fotos...) e tudo o que for escrito aqui aparecerá na página como a palavra "TEXTO", destacada em vermelho.

Observe que entre as tags <HEAD> e </HEAD> temos a tag Title que é responsável por armazenar o título da página, que por vez será mostrada na barra de título na parte superior do navegador como mostrado abaixo:

O Porquê de não deixar de blogar?

2009-06-11T12:21:00.000-07:00

Atualmente, existem cerca de 200 mil blogs no Brasil. E pensando nesses números, muitas vezes eles nos deixam um tanto quanto desanimados para continuar blogando, principalmente nos primeiros meses que não temos quase nenhum visitante e isso sem mencionar ganhos com publicidade como o AdSense. E essa desmotivação muitas vezes levam blogueiros a clicarem nos seus próprios anúncios e consequentemente a serem banidos dos programas de afiliados - o que acaba fazendo com que muitos desistam nessa altura.

Essa semana recebi alguns e-mails de pessoas que foram banidas do AdSense por cliques inválidos e querem se reintegrar ao programa, pois se sentiam desmotivados para continuar a blogar em função disso. Não vou falar sobre Google AdSense nesse post, a única coisa que quero dar uma ênfase é para não clicarem nos seus próprios anúncios, por mais que seja "chato" não sair dos centavos. Isso é ilícito e se banido, você vai se sentir muito desanimado para voltar a blogar - isso se você bloga com fins lucrativos, é claro.

O grande problema o qual muitos desistem no meio do caminho é a falta de visitantes no blog, afinal ninguém gosta de escrever para as moscas. Em geral, os primeiros 3 meses são os que mais nos sentimos desanimados e em muitas vezes desconfiados sobre o sucesso do blog.

Como dica, arrisco pedir para que não desistam de blogar logo de começo. Claro que sem conteúdo, ninguém vai se interessar tanto pelo seu blog, quanto mais clicar nos anúncios.

Trabalhe para conseguir cada vez mais coisas interessantes, atraindo cada vez mais visitantes. Atualize seu blog semanalmente (se não diariamente), pois os poucos que se interessarem pelo seu blog no começo poderão voltar a troco de encontrarem mais novidades sobre aquilo o que procuraram anteriormente.

Faça uma boa propaganda do seu blog, até que as pessoas comecem a te linkar e fazer com que você ganhe melhores posições no Google. Quem não chora não mama, e se quiser de fato obter sucesso com seu blog (e ser remunerado por isso) "dê as caras" e escreva incansavelmente.

Lembra dos 200 mil blogs que falei anteriormente? Acredite, metade deles estão desatualizados há muito tempo, jogados ás traças. Muitos, sem algum conteúdo relevante. Dê as caras!

HTML - Noções Básicas

2009-06-10T08:41:00.000-07:00

HTML é uma linguagem de hipertexto para a criação de páginas para internet que tem a terminação .html ou .htm e é escrita através de qualquer editor de texto comum.
Obs.: Utilize o bloco de notas para praticar as teorias de HTML.

Dentro de um documento HTML temos o que chamamos de tags (elementos de marcação), um código que é interpretado pelo navegador e dispõe aquela informação na página. Uma tag é composta pelos sinais < (maior) e > (menor) com o nome da tag á ser interpretada pelo navegador (Leia "O que é HTML?")

Exemplo.: <p>

Essa tag indica indica a existência de um parágrafo no documento HTML, ou seja, quando escrevemos <p> em um documento e o salvamos como um documento HTML, ao ser aberto, o navegador saberá a existência de um novo parágrafo. E para indicar ao navegador o encerramento desse parágrafo devemos indicar a mesma tag com com o acréscimo do sinal / (barra).

Exemplo: <p> O navegador interpretará isso como um parágrafo, porém as tags não apareceram, somente o que estiver dentro delas aparecerá no navegador. </p>

Além dessa, existem outras inúmeras tags com suas respectivas funções de leitura pelo navegador. Confira abaixo algumas outras:

<b> - Essa tag faz com que o texto apareça em negrito no navegador.
</b> - Essa tag indica o encerramento de texto em negrito.

<i> - Essa tag faz com que o texto apareça em itálico no navegador.
</i> - Essa tag indica o encerramento de texto em itálico.

<u> - Essa tag faz com que o texto apareça sublinhado no navegador.
</u> - Essa tag indica o encerramento de texto sublinhado.

Ou seja, escreva assim no Bloco de Notas*:

<b>texto em negrito</b> <i>texto em itálico</i> <u>texto sublinhado</u>

E quando você salvar o documento em formato HTML e o abrir pelo navegador o resultado será o seguinte:

texto em negrito texto em itálico texto sublinhado

A essa hora você deve estar se perguntando como se faz para pular linhas no texto, certo? A resposta é fácil: utlize a tag <br> onde você quer que a linha termine.

O Que é HTML?

2009-06-09T11:51:00.000-07:00

HTML é uma linguagem de programação em texto usada para desenvolver páginas para a internet. E conhecer o básico dessa linguagem muitas vezes é uma questão de sobrevivência na rede, principalmente para blogueiros e webmasters que querem obter sucesso com suas publicações.
Por esse e outro motivos, resolvi começar a publicar matérias sobre esse tão aclamado assunto que, no mínimo, traz uma certa independência ao blogueiro e faz com que sua criatividade sempre tenha algo a acrescentar ao seu respectivo site ou blog.

Claro que atualmente para se divulgar alguma coisa na internet já não se precisa ter algum tipo de conhecimento técnico sobre essas linguagens de programação, ainda mais quando se diz em blogs onde a única coisa que você tem que saber é escrever! Porém, ter conhecimento nessa linguagem pode fazer com que seu blog se destaque entre os outros milhões de blogs existentes na internet.

Para criar uma página em HTML você precisará usar um editor de texto - o Bloco de Notas é o mais indicado - e então salvar o arquivo com a extensão .html (ou simplesmente .htm), ou seja, abra o bloco de notas e pressione as teclas Ctrl + S e salve o arquivo com uma das extensões citadas a pouco. Ex.: pagina.html

Se você abrir o arquivo salvo, notará que se trata agora de uma página HTML em branco e não mais de um arquivo de texto.

Vocês notarão que o HTML é uma linguagem simples e em pouco tempo poderá se ter a possibilidade de se criar páginas com aparência bem profissional usando esse tipo de linguagem que utiliza alguns comandos em texto para enviar informações para os navegadores.

2 Meses de BLOGAR E GANHAR

2009-06-09T10:14:00.000-07:00

Nesses dois meses de blogue, me empenhei ao máximo para oferecer o melhor conteúdo para vocês, as melhores dicas e as melhores ferramentas disponíveis na internet para fazer do seu blogue ou site, um sucesso.

Postagens do mês de Abril
Postagens do mês de Maio
Postagens do mês de Junho

Gostaria de agradecer a cada visitante que passa por essas páginas, á todos os visitantes que comentam as minhas postagens, áqueles que me seguem e á todos os blogues parceiros que nos dão ainda mais bons visitantes. Fico muito grato á todos!

Participe de Nossas Promoções e Concorra a Prêmios!
Seja nosso parceiro!
Fale Conosco!

A única forma que encontro de agradecer a todos, é continuando a escrever boas matérias, trazendo sempre as maiores novidades do mundo virtual para que vocês possam cada vez mais colherem os frutos de Blogar e Ganhar!

Fiquem com Deus!

Letreiro Digital para seu Blog

2009-06-08T11:02:00.000-07:00

Você pode criar um letreiro digital para o seu blog ou site acessando http://wigflip.com/signbot/ e escrevendo na caixa de texto "Write Your Text Here".

Você ainda tem a opção de escolher entre três tamanhos do letreiro: Small (Pequeno), Mediu (Médio) e Large (Cumprido). Depois, para visualizar como ficou o seu letreiro digital clique em "Generate Sign" e se tudo estiver certo você pode baixar para o seu computador, clicando em "Download Your Sign" ou então pode hospedá-la no ImageShack (Host to ImageShack) e copiar o endereço e colá-lo em seu blog.

Inserir Postagens Recentes

2009-06-07T08:44:00.000-07:00

Você pode facilmente inserir na barra lateral do seu blog, quais os artigos que foram escritos recentemente para que o usuário fique por dentro das últimas novidades do seu blog.
Entre na edição do seu blog e abra a aba "layout" e vá em "Elementos da página" e clique em "Adicionar um Gadget".

Agora procure pelo elemento Feed e o adicione, seguindo as seguintes configurações:

URL do Feed: http://seublog.blogspot.com/feeds/posts/default
(a parte em destacada em vermelho deve ser substituída pelo endereço do seu blog)

Clique em "Continuar" e Então escolha um Título (recomendo Posts Recents ou Novidades), escolha também quantos itens serão exibidos na lista e se deseja compartilhar informações como data ou autor das postagens.
Clique em Salvar e pronto!

Como remover a mensagem "Mostrando postagens com marcador" ?

2009-06-06T17:12:00.000-07:00

Quando algum visitante clica em algum marcador no seu blog, a seguinte mensagem aparece no topo da postagem indicando qual marcador o visitante está visitando:

Para remover essa mensagem que não tem nenhuma funcionalidade é bem simples, porém existem duas maneiras que você pode fazê-lo (diquinha do Ferramentas Blog), o bom é testar as duas e ver qual funciona em seu template, ou se prefeir, use as duas maneiras para garantir. Mas antes de qualquer outra coisa, baixe o modelo completo do seu blog.

No primeiro modo você deve ir na guia "Layout" e clicar na sub-aba "Editar HTML" e procurar pela linha "]]>" e acima dela cole o seguinte trecho:

.status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
display: none;
}

O segundo modo você deve procurar pela tag head e abaixo dela colar o seguinte:

<style type="text/css">
.status-msg-wrap{
display:none;
}
.status-msg-body{
display:none;
}
.status-msg-border{
display:none;
}
.status-msg-bg{
display:none;
}
.status-msg-hidden{
display:none;
}
</style>

Salve o modelo e teste para ver se tah tudo funcionado certinho!!

Desabilitar Seleção de Texto

2009-06-05T12:15:00.000-07:00

Aqui no Blogar e Ganhar já expliquei como Desabilitar o Clique do Botão Direito do Mouse para impedir que o conteúdo do seu site seja copiado. Mas ainda sim se tem a possibilidade de selecionar o texto e então ser copiado usando as teclas do teclado (Ctrl+C).

Pensando nisso, resolvi procurar por um script que fosse eficiente para desabilitar a seleção de texto, de modo que o visitante não consiga selecioná-lo ou copiá-lo. Mais eficácia se usado com o script para desabilitar o clique direito mencionado a pouco. Para isso, procure (Ctrl+F) pela tag </head> e antes dela, cole o seguinte código:

<SCRIPT language=JavaScript1.2>
!--
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</SCRIPT>

O Seu Blog Segundo a Numerologia

2009-06-04T15:09:00.000-07:00

Ironia - Para ter sucesso com seu blog ou site, por que não recorrer ás mandingas, urucubacas ou então aquele "trabalho" com franguinho assado e uma farofinha das boas!?
Superstições à parte, perambulando pela net, estava lendo algumas coisas sobre numerologia e achei interessante saber qual seria o número do Blogar e Ganhar e saber quais seriam as minhas chances de sucesso segundo os números, astros e outras coisas que valha.

A primeira coisa á se fazer para calcular o número do seu blog é converter todas as letras do nome em números - evidentemente - seguindo a relação abaixo, onde cada número representa uma letra em uma escala de 1 a 9:

1	2	3	4	5	6	7	8	9
A	B	C	D	E	F	G	H	I
J	K	L	M	N	O	P	Q	R
S	T	U	V	W	X	Y	Z

Por exemplo: Para calcular o número do Blogar e Ganhar, tive que primeiro saber quais números representam cada uma das letras do nome: A letra B representa o número 2; L representa o número 3; o O representa o 6; o G representa o 7...e assim por diante. Ao final da análise, soma-se todos os números obtidos:

E a soma de todos esses números resulta no número 64. Daí se deve somar os números até chegarmos a um único número. Tendo mais de um número como resultado, continua se somando:

6+4 = 10
1+0 = 1

Finalmente, o resultado dos números desse Blog resulta no número 1.
Obs.: Se por acaso o nome do seu blog ou site incluir números ou símbolos, deve se somar os números ás letras e excluir os símbolos.

SIGNIFICADO DOS NÚMEROS

Número 1: Blogs com esse número geralmente são blogs líderes em pioneirismo e geralmente tem êxito em tudo aquilo que divulga. Webmasters desse número costumam ter ciúmes de suas publicações, um certo egoísmo.

Número 2: Uma dica para blog e sites de número 2 é abordar uma variedade maior de assuntos em suas publicações. Geralmente, esses webmasters costumam ser bastante pacientes com seu visitantes e com todo o atendimento e recebimento desses visitantes, pois também gosta de compartilhar as coisas.

Número 3: ...
Número 4: ...
Número 5: ...
Número 6: ...
Número 7: ...
Número 8: ...
Número 9: ...

Bloquear o Botão Direito do Mouse

2009-06-03T06:15:00.000-07:00

Proteger seu blog muitas vezes é uma questão de gosto, onde cada editor deve ter em mente se vai ou não proteger seu conteúdo e a forma com a qual irá fazê-lo. Para tanto, trago uma maneira fácil e eficaz de fazer com que os visitantes não consigam clicar com o botão direito do mouse e copiem seu texto ou imagens.

Para isso localize (Ctrl+F) a tag </head> e antes dela cole o seguinte código:

<script type="text/javascript" language="Javascript">

</script>

Visualize a página e Salve se der tudo certo!

O Título do Blog Influencia?

2009-06-02T12:31:00.000-07:00

Já sabemos que a otimização de um site ou blog pode começar bem antes mesmo dele entrar no ar (Pre-Produção de Sites e Blogs) e a escolha de um bom título pode fazer com que o blog seja visto com bons ou maus olhos pelos visitantes.

Nome Relacionado ao Tema

Hoje em dia, os internautas não costumam sair clicando em qualquer link por aí sem antes ler e saber do que aquele link se trata. Portanto, a escolha de um nome que tenha algo relacionado ao tema que você aborda, pode inibir esse certo "receio" de onde clicar.

Imagine se um jornal local da cidade de São Paulo tivesse como título "Jornal Carioca"!? Que paulistano compraria um jornal que tem um título que parece trazer informações do Rio de Janeiro ao invés de São Paulo?
Tudo bem que os cariocas comprariam, mas jogariam fora assim que abrissem a primeira página, pois o mesmo não teria informações do Rio.
Pense nisso!

Nomes fáceis de se memorizar fazem com que o tráfego direto para seu site aumente;
Nomes pequenos geralmente são mais fáceis de se memorizar do que alguns mais longos;
Nomes relacionados ao tema podem ser mais associativos para os visitantes.

Vale lembrar que essas dicas são apenas sugestivas, ou seja, elas não querem dizer que nomes longos ou não associativos façam com que o sucesso de um site seja menor ou maior.

Promoções

2009-06-01T19:55:00.000-07:00

2 - Divulgue Grátis Seu Blog na Cartilha "Blogar e Ganhar - Tudo Sobre Blogger"
1 - Ganhe 1 Blog Personalizado

Maio 2009

2009-06-01T05:25:00.000-07:00

01/05 - Contador de Usuários Online
01/05 - Fale Conosco
01/05 - Enviado com Sucesso
01/05 - Cronograma Virtual
01/05 - Atendimento Online
02/05 - Blogs e Sites Recomendados
02/05 - Cronograma Virtual (Dia 2)
02/05 - Como Colocar Vídeos do Youtube em Seu Blog
03/05 - Cronograma Virtual (Dia 3)
03/05 - Link para Recomendar Seu Blog
04/05 - Cronograma Virtual (Dia 4)
05/05 - Formulário de Contato para Blogger
06/05 - Otimização de Imagens
07/05 - Ferramenta Google Tradutor de Idiomas
08/05 - Cronograma Virtual (Dia 8)
09/05 - Atingindo o Público Alvo
09/05 - 1 Mês Blogando e Ganhando
10/05 - Google Analytics (Revisando)
11/05 - Ferramentas Google Para WebMaster (Revisando)
12/05 - Dicas para Otimizar Site de Vendas
13/05 - Como Criar um Blog?
14/05 - Google Analytics (Revisando)
15/05 - Cronograma Virtual (Dia 15)
15/05 - Ferramentas Google Para WebMaster (Revisando)
16/05 - Como Colocar Anúncios do AdSense no Blogger
17/05 - Sistema de Avaliação de Postagem
18/05 - AdSense Abaixo do Título ou no Rodapé da Postagem
19/05 - O Visual é a Cara do Sucesso!
20/05 - Pré-Produção (Offline) de Blogs e Sites
21/05 - O Que os Internautas Mais Gostam de Ler?
22/05 - Como Escolher as Melhores Palavras-Chave (Revisando)
22/05 - Cronograma Virtual (Dia 22)
23/05 - Verificar BackLinks
24/05 - Atualizar o Conteúdo é o Grande Segredo
25/05 - O que é Slogan?
26/05 - Saiba Quais São As Melhores Cores Para Seu Site
27/05 - Ganhe Dinheiro com HotWords
28/05 - Meta Tags no Blogger (Revisando)
29/05 - Guia Rápido de SEO (Revisando)
30/05 - Abril (2009)
31/05 - Como Colocar Anúncios do AdSense Entre o Texto do Blog

Junho 2009

2009-06-01T04:52:00.000-07:00

01/06 - Maio 2009
01/06 - Junho 2009
01/06 - Promoções
02/06 - O Título do Blog Influencia?
03/06 - Bloquear o Botão Direito do Mouse
04/06 - O Seu Blog Segundo a Numerologia
05/06 - Desabilitar Seleção de Texto
06/06 - Como remover a mensagem "Mostrando postagens com marcador" ?
07/06 - Inserir Postagens Recentes
08/06 - Letreiro Digital Para Seu Blog
09/06 - 2 Meses de BLOGAR E GANHAR
09/06 - O que é HTML?
10/06 - HTML - Noções Básicas
11/06 - O Porquê de Não Deixar de Blogar?
12/06 - Estrutura do Documento HTML
13/06 - Mudar a Cor do Fundo da Página
14/06 - HTML - Formatando a Fonte
15/06 - Escrever Para Leigos ou Profissionais?
16/06 - HTML - Parágrafos e Linhas
17/06 - HTML - Cores
18/06 - inserindo Figuras, Imagens ou Fotos
19/06 - HTML - Tags de Título e Sub-Título
20/06 - Como Inserir Links
21/06 - HTML - Lista de Tópicos
22/06 - HTML - Tabelas
23/06 - Como Lidar com a Concorrência
24/06 - HTML - Atributos de Uma Tabela
25/06 - A Importância de Reescrever Suas Postagens
26/06 - Atualização do PageRank
27/06 - HTML - Frames
28/06 - Como Trocar o Template do Seu Blog (Blogger) (Indisponível)
29/06 - Como Fazer um Backup (Cópia de Segurança) do Seu Blog (Indisponível)
30/06 - Como Trocar o Template Sem Perder os Widgets (Indisponível)

Como Colocar Anúncios do AdSense Entre o Texto do Blog

2009-05-31T12:59:00.000-07:00

Muitas pessoas tem migrado para os blogs depois que ficou bem mais fácil veicular anúncios do Google AdSense no Blogger. O que antes era um bicho de sete cabeças, integrar o AdSense ao Blogger hoje em dia é uma tarefa pra lá do mamão com açucar!

Já mencionei aqui no blog, duas maneiras de colocar anúncios do AdSense no Blogger. Uma delas é pelo gadget 'HTML/JavaScrit' (leia Como Colocar Anúncios do AdSense no Blogger) e a outra é modificando o código do AdSense e o colocando no código-fonte do layout do blog (leia AdSense abaixo do título ou no rodapé da postagem).

Mas agora eu trago uma nova maneira, de longe a mais fácil, de colocar o AdSense no Bloger - só que dessa vez em um lugar bem mais rentável do que na sidebar, rodapé ou abaixo do título do Post. Vou ensinar á vocês como colocá-los no corpo do texto de suas postagens, onde quer que você queira.

O primeiro passo para isso, é acessar o Blogger in Draft (Blogger em Racunho), fazer o login com seu email e senha (como de costume) e na caixa de criação de postagens, quando for escrever o artigo, cole o código do AdSense no corpo da mensagem onde você quer que o anúncio apareça e pronto.

O Blogger in Draft é outro painel do Blogger, onde você pode testar alguns recursos que ainda estão sendo testados pela equipe do Blogger. E um desses recursos é justamente a personalização das postagens, pois os códigos HTML podem ser perfeitamente inseridos no corpo da mensagem.

Abril 2009

2009-05-30T15:38:00.000-07:00

(Ver postagens em resumo)

09/04 - Dicas Para Blogs (índice)
09/04 - SEO - Otimização de Sites (índice)
09/04 - Ganhar Dinheiro (índice)
09/04 - Cronograma Virtual (índice)
09/04 - O que é SEO
10/04 - SEO - Noções Básicas
11/04 - O que São Meta Keys
12/04 - Como Aparecer nos Resultados de Busca
13/04 - O que São Sitemaps?
14/04 - Dicas Importantes Sobre SEO (parte 1)
15/04 - Dicas Importantes Sobre SEO (parte 2)
16/04 - Rentabilizando o Seu Site
17/04 - Ganhe Dinheiro com a NetAffiliation
18/04 - Dicas Para Trabalhar em Casa
19/04 - O Melhor Posicionamento Para Seus Anúncios
20/04 - Google PageRank: Qual a Classificação do Seu Site?
21/04 - Link Building
22/04 - O que é um Blog?
23/04 - Como Divulgar Seu Blog (parte 1)
24/04 - Atendimento Online Via MSN
25/04 - Chat no Seu Site ou Blog
26/04 - Adicionar aos Favoritos
27/04 - Parceria
28/04 - Ganhe Dinheiro com Google AdSense
29/04 - Como Divulgar Seu Blog (parte 2)
30/04 - SEO - Análise Gratuita do Seu Site ou Blog

Ganhe Dinheiro com Hotwords

2009-05-27T08:02:00.000-07:00

Assim como o Adsense, o Hotwords é uma ótima maneira de ganhar dinheiro com seu blog ou site vinculando anúncios em suas publicações. Porém, o HotWords não exibe propagandas em caixa de anúncios como o AdSense mas sim, exibe seus anúncios no corpo dos textos que você mesmo escreve - o que na minha opinião é bem perceptível para os visitantes.

Usar o AdSense e o Hotwords em conjunto é um ótima idéia para aumentar os seus ganhos.

O primeiro passo para participar do programa HotWords é fazendo o cadastro e esperar pela aprovação, que é dada á sites que não tenham conteúdo pornográfico, impróprio, violento, que esteja em construção ou fira direitos autorais.

Após ser aceito pela equipe do HotWords você poderá ter acesso ao painel de controle do programa e ter acesso à estatísticas sobre todos os seus ganhos com a afiliação e de todos os anúncios gerados de cliques que você obtiver.

Saiba Quais São As Melhores Cores Para Seu Site

2009-05-26T21:31:00.000-07:00

As cores podem ser usadas em seu site e blog de modo que a informação visual seja expressada e intensificada, pois a cor é reponsável pelo mais emocional dos elementos do processo visual. Contraponto, há quem acredite que a escolha de cores para o layout seja apenas uma questão de gosto, pois por vez, o sucesso de um layout deva-se pela qualidade do conteúdo e não pelas cores usadas.

Essa lista de Combinações e Significados de Cores está em constante atualização. Trabalharemos minuciosamente para que todas as combinações de cores possíveis sejam relacionadas.

Vermelho: uma cor chamativa, excitante e estimulante.
Vermelho e Preto: use em sites de conteúdo adulto (Pornográfico ou Violento)
Vermelho, Preto e Branco: use em layouts sofisticados, requintados (chiques)

Azul: uma cor "analgésica", pois traquiliza e acalma por associar coisas como céu, água e frio, por exemplo.
Azul e Branco: use essa combinação para artigos de limpeza e higiene ou para transparecer segurança.
Azul e Cinza: combinação usada em sites sofisticados com temas como eletrodomésticos e tecnologia.
Azul e Vermelho: para assuntos unissex ou homossexuais e bem usado na área de comunicação.
Azul e Amarelo: uma boa combinação para transparecer credibilidade e organização.
Azul e Rosa: a combinação perfeita para sites infantis ou femininos

O que é Slogan?

2009-05-25T09:13:00.000-07:00

Um slogan é geralmente uma mensagem de expressão publicitária curta e de fácil memorização que serve para realçar a idéia de um produto ou serviço.

Veja abaixo alguns slogans bem conhecidos:

Redbull - "Redbull Te dá Asas"
Rider - "Dê Férias aos Seus Pés"
Skol - "A cerveja que Desce Redondo"
Blogar e Ganhar - "É só começar!"
Globo - "Agente se vê por Aqui"
Governo Barack Obama - "Yes, We Can (Sím, Nós Podemos)"

Escolher um bom slogan para o seu site (ou qualquer coisa que o valha), reforçando um apelo públicitário para o produto ou serviço, pode trazer benefícios com bons resultados. Então, pense muito bem na possibilidade de usar uma frase bem chamativa para atrair visitantes "paraquedistas", usando sempre uma frase que transpareça profissionalismo, responsabilidade, ou qualquer outra idéia que seja de seu propósito.

Atualizar o Conteúdo é o Grande Segredo

2009-05-24T19:40:00.000-07:00

Acima de qualquer outra alternativa, atualizar o conteúdo do seu site ou blog é a grande sacada para aumentar o fluxo de visistantes, pois não há nada melhor do que o visitante entrar em seu site e, além de encontrar o que procurava, se deparar com informações adicionais. Acredite, seu site só começará a ter um fluxo de visitantes em crescimente quando tiver bastante conteúdo MESMO (e não se esqueça da qualidade desse conteúdo).

Divulgar novidades sempre é um ponto a mais, pois as pessoas querem sempre coisas novas e não dão tamanha importância á coisas passadas. Eu costumo dizer que um bom texto é aquele que segue a linha: Informação Básica + Informação Adicional + Criatividade + Inovação

Você já deve saber que a informação básica é aquela que todo mundo já sabe do que se trata, certo?
ERRADO! A informação básica nem sempre é de conhecimento de todos, ninguém sabe tudo. Lembre-se de escrever textos tanto para leigos quanto para profissionais da área e tente colocar tudo de uma forma que ambos entenderão com clareza e objetividade.

Verificar Backlinks

2009-05-23T07:53:00.000-07:00

Os backlinks (links de retorno) são todos aqueles links que apontam para o seu site ou blog e são os grandes responsáveis pelo PageRank de suas páginas, pois cada link que aponta o seu site é um "voto" que mostra aos buscadores o quanto o seu site é relevante.

Esse método de votos chama-se Link Building (em português, Construção de Links) e é essencial para ter um bom posisionamento nos mecanismos de busca.

Para saber quais páginas na internet possuem backlinks para seu site, basta usar a espressão "site:" nos buscadores e então adicionar o enderço completo do seu blog ou site.

Ex.: Se você quer saber quantos backlinks estão voltados para o "Blogar e Ganhar", basta fazer uma pesquisa como "link:http://blogareganhar.blogspot.com/" exatamente como mostrado abaixo:

Na internet é possível encontrar várias ferramentas que contabilizam o número de backilinks para o seu site, o qual eu destaco o "WebMaster Toolkit" que apesar de ser inglês, possui uma variedade enorme de ferramentas essenciais para webmasters.

Cronograma Virtual (Dia 22)

2009-05-22T07:03:00.000-07:00

Essa semana fiz alguma parcerias com alguns blogs - lembrando que uma parceria é feita de trocas de links ou banners entre os blogs - e com isso espero aumentar o número de visitantes do meu blog consideravelmente. Também me cadastrei no BlogBlogs, um agregador de conteúdo de blogs que armazena em seus diretórios uma quantidade enorme de blogs existente na internet, separados por temas pré estipulados.

Tanto quanto Parcerias como o BlogBlogs, estarei explicando a funcionalidade de ambos ao longo dessa semana, mostrando o porquê eles são tão importantes para o crescimento de um blog.

Ainda não consegui bater a meta de 30 visitas diárias, porém nos últimos dias tenho ultrapassado esse número porém 30 não foi a média, e sim 29. Também não atingi os 5 dólares com o AdSense, portanto a mesma meta da semana passada será mantida e só voltarei a postar um novo cronograma quando atingir ambas as metas. Por enquanto, vou continuar firmando algumas parcerias e o mais importante, não parar de escrever!

O Que os Internautas Mais Gostam de Ler?

2009-05-21T15:09:00.000-07:00

Falar que você precisa escrever aquilo o que o internauta procura já não é nenhuma novidade para você, certo? Agora o que você precisa saber é como os internautas gostariam que as suas postagens fossem.

Volto a dizer que conhecer o público-alvo é elemento fundamental para formular uma estratégia de marketing para o crescimento do seu site ou blog.

Usar de elementos como humor, sarcasmo e indignação pode fazer com que o leitor se sinta mais "íntimo" com determinada informação e passe de um leitor "paraquedista" á ser um leitor fiel e provavelmente volte mais vezes.

Para entender melhor, pense nas seguintes situações: a primeira é a casa daquele cunhado chato, que além de assistir a novela ao invés do futebol, te pede um dinheiro emprestado. A segunda situação é a casa da amante, que sabe que você tem outra e mesmo assim te DÁ tudo aquilo que você precisa ~~(cama, mesa e banho)~~.
Com ~~quase~~ toda certeza afirmo dizer que você prefira voltar á casa da amante ao invés da do cunhado.

Para a nota acima, utilizei humor ao falar das duas situações, com um poquinho de sarcasmo ironizando cunhados e amantes, colocando a palavra "dá" em letras maiúsculas e riscando as palavras "cama, mesa e banho" e "quase".

Esse tipo de coisa costuma, não digo atrair visitantes, mas sim, fazer com que suas postagens tenham uma qualificação a mais para garantir a satisfação de quem a lê. Mas claro que escrever em um tom mais profissional e formal pode atrair bastante fieis leitores também. Porém, é tudo uma questão de gosto e estratégia.