Dicas para Blogs e Sites: março 2009

Aparecer no Google, Yahoo e outros

Como fazer para aparecer nos resultados do Google, Yahoo e outros buscadores, a resposta não é tão complicada, você só precisa publicar as coisas no seu blog e a maioria dos mecanismos de busca vão anexar seu blog automaticamente.

Mas isso leva algum tempo, então o que podemos fazer é cadastrar nossos blogs nesses sites de pesquisa na internet, isso dá um bom resultado, aumenta o numero de visitantes do blog. Normalmente teríamos que cadastrar um por um deles (Google, Yahoo e todos os outros e alguns até que nem conhecemos), porém achamos um site na internet que cadastra seu blog em mais de 200 sites de busca pelo mundo todo de uma só vez é o Datahosting.

Para usar esse site é bem simples preencha os dados do seu blog no site, não esqueça que as palavras chave são separadas por vírgulas, use palavras que tenham a ver com seu conteúdo, palavras que se as pessoas pesquisarem poderão achar algo no seu site sobre o assunto. Outra coisa importante é colocar um endereço de email verdadeiro por alguns desses sites enviam email de confirmação.

Um detalhe que não vai interferir, mas devemos lembrar é que o endereço do seu blog (caso seja blogspot) não tem www, é só http://nomedoblog.blogspot.com, vejo muita gente usando o www nos banners de parcerias desnecessariamente, então vemos evitar esse erro na hora de cadastrar em tantos sites de uma só vez, mas não se preocupe se você já colocou o www algumas vezes no link do seu blog ele vai funcionar normalmente.

Depois que terminar de preencher tudo é só clicar enviar e aguardar um pouco. Depois veja seu email, certamente recebeu vários, algumas pessoas gostam de criar um email só para cadastros neste e em outros tipos de sites com a finalidade de evitar depois receber propaganda indesejada no seu email principal. Mas isso fica a critério de cada um.

Veja também:
Como melhorar o jeito que os sites de busca vêem seu blog
Como aumentar o número de visitas no seu blog

Marcadores: Mais visitas, Sites Úteis

Marcadores: Mais visitas, Scripts

Como usar o Gerar Receita no Blogspot

Uma novidade do Blogspot e Adsense vai facilitar a vida dos blogueiros é o gerar receita, essa é a nova função que aparece entre as guias do Blogspot e também na tela inicial(painel) ao junto com Editar postagens – Configurações – Layout - Gerar Receita. Ela serve para colocar os anúncios Google no seu blog de uma maneira muito fácil de fazer, com apenas alguns cliques os anúncios do Adsense já estarão no seu blog e você pode como o próprio nome diz você vai gerar receita (ganhar dinheiro) com o seu blog.

Vamos ver como funciona, clique em gerar receita aparecerá uma tela assim, então escolha uma das opções e clique próxima, você verá essa mensagem: O AdSense foi ativado para o seu blog. Então você pode visualizar o blog (se for usar essa opção escolha em nova janela, pois assim será mais fácil, continuar editando caso queira). E já está pronto.

Quando entrar na janela layout, clique para editar o Adsense ou o quadro das postagens e poderá fazer varias mudanças no anúncio caso quiser, é possível mudar o formato (tamanho), conteúdo (imagens, texto ou misturado) e as cores, então é só escolher a maneira que os anúncios combinem melhor com seu blog e pronto, já tem anúncios do Google no seu blog e você já pode ganhar algum dinheiro extra com isso.

Marcadores: Conteúdo, Ganhar Dinheiro

Colocar as mais votadas no diHITT no blog

Recentemente tentei colocar um widget do diHITT mostrando minhas postagens com mais votos, e notei uma falha na pagina do site que gera os códigos, pois só mostra o código para colocar os mais votados de todo diHITT e não de um blog especifico.
Então olhando os códigos de varias coisas do diHITT, fiz uma adaptação que funcionou bem, se quiser colocar as suas noticias mais bem votadas no seu blog, o código é o seguinte:

<script type="text/javascript" src="http://widget.dihitt.com.br/topnews?ntype=blog&bid=8623&quant=8&width=210"></script>

Mas precisa de uma fazer a alteração na identificação do seu blog, ou seja colocar o numero da sua comunidade, para fazer isso entre na pagina do seu blog no diHITT clique em widgets e olhe o código para mostrar os membros da sua comunidade veja que tem um trecho assim: &bid=8623, claro que será outro numero, pois é exatamente isso que identifica a sua comunidade, portanto copie esse outro numero e coloque no código acima no lugar de 8623, isso é o numero de sua comunidade.

Outras alterações que você pode fazer é mudar o numero de itens exibidos para isso troque o numero 8 que está em &quant=8 e também pode escolher a largura do widget mudando o numero 210(&width=210&), essas mudanças são simples apenas coloque o valor que desejar e pronto agora é só colocar esse código no seu blog pela pagina layout, adicionar gadget, html/javascript e suas noticias mais votadas no diHITT aparecerão no seu blog.

Marcadores: Conteúdo, Scripts

Descrição e Palavras Chave - Meta Tags

Atualmente se fala muito em SEO (Search Engine Optimization) ou em português otimização de sites, isso é um nome bonito para algo até relativamente simples de fazer e que gera bons resultados, ou seja gerar mais visitas para seu blog. Vamos falar hoje sobre como colocar meta tags de descrição e palavras chave no blog. Existem alguns geradores de códigos mas não é preciso para fazer pois o código é bem simples, entre na pagina editar HTML do seu blog e veja:

<b:if cond='data:blog.pageType == "index"'>
<meta content='descricao do blog' name='description'/>
<meta content='dicas,template' name='keywords'/>
<meta content='seu nome' name='author'/>
</b:if>

Como você pode notar só precisa escrever a descrição do seu blog, seu nome e colocar as palavras que você tem alguma relação com seu conteúdo. Nas keywords separe os itens com vírgulas. Para colocar no blog entre na página editar html e coloque o código entre <b:include data='blog' name='all-head-content'/> e <title><data:blog.pageTitle/></title>. Fica desse jeito:

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<meta content='descricao do blog' name='description'/>
<meta content='dicas,template' name='keywords'/>
<meta content='seu nome' name='author'/>
</b:if>
<title><data:blog.title/></title>

Agora vamos entender o que é meta tag isso na verdade é o modo que os sites de busca vêem seu blog, no caso das palavras chave (keywords) elas são usadas quando alguém pesquisa algo então se colocar a palavra musica é possível que seu blog apareça na busca por musica. Não estamos dizendo que somente por colocar certas palavras você aparecerá nos primeiros lugares da pesquisa Google ou Yahoo, afinal milhares de sites usam as mesmas palavras.
Quanto a descrição são aquelas linhas de texto que aparecem embaixo do link quando você pesquisa algo no Google ou Yahoo, mas é possível que esses e outros mecanismos de busca usem o inicio do seu texto para mostrar nos resultados das pesquisas, por exemplo, que quando o link aponta para uma postagem especifica e não para a página inicial do blog.

Veja mais dicas para melhorar o desempenho do seu blog:
Colocar Descrição em cada Postagem do Blogger - Usar Meta Tags
Saber qual Palavra Chave Gera mais Visitas Usando Google Analytics

O que usar as palavras chave e descrição pode fazer é melhorar o modo que os sites de busca lidam com seu blog. Repetimos mais uma vez isso não é garantia de aparecer nos primeiros lugares das pesquisas. E além dessa existem muitas outras coisas para fazer para otimizar um site ou blog. Seria impossível falar sobre SEO em uma única postagem, pois existem sites inteiros somente sobre esse assunto.

Agora que já sabe como modificar as palavras chave e descrição do seu blog recomendamos ler nosso outro tutorial: Usar Melhor Descrição e Palavras Chave - Keywords e Description. Assim poderá ver algumas maneiras de aproveitar melhor as meta tags keywords e description no seu blog.

Marcadores: Mais visitas, Seo

Personalizando os marcadores do blog

Os marcadores do blog por ser uma espécie de guia ou menu principal(se quiser pode escolher quais itens aparecem: Opções dos marcadores do blogger) merecem uma formatação diferente para seus links, então vamos modificar o estilo dos marcadores do blog. Isso é semelhante a colocar barra de rolagem nos marcadores que já falamos anteriormente, alias você pode fazer as duas coisas ao mesmo tempo. Agora vamos mostrar como colocar uma imagem ou ícone ao lado dos marcadores, que na verdade é uma imagem de fundo, e formatar seu estilo, mudar o tipo de letra, cor e tamanho.

Entre na pagina editar HTML e clique para Expandir modelos de widgets, então procure os marcadores do seu blog, clique ctrl+F e digite o titulo que usa nos marcadores é o jeito mais fácil de achar, neste blog chama guia rápido.

Na linha <ul> acrescente guia rápido, é o nome que vamos usar para esse estilo, mas poderia ser qualquer outro, então fica assim: <ul class=’guiarapido’>. Depois vá até o inicio do código do blog e crie o estilo CSS guia rápido, coloque isso junto com os outros estilos (body, main, sidebar...) do seu blog.

.guiarapido a{background-image:url(http://img207.imageshack.us/img207/5918/marcador.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;padding-top: 2px;
padding-bottom: 2px;}

.guiarapido a:hover{font-style: italic;background-image:url(http://img18.imageshack.us/img18/7765/marcadorover.gif);background-repeat: no-repeat;
background-position: left center}

Os endereços são as imagens que ficaram ao lado dos marcadores, você precisará de duas assim uma somente aparece quando colocamos o mouse sobre um marcador. Para fixar a imagem do lado esquerdo e sem repetir usamos essas linhas:
background-repeat: no-repeat;
background-position: left center;

A parte final: padding-left: 25px;padding-top: 2px; padding-bottom: 2px; são as margens, o valor 25 é a distancia da margem esquerda (deve ser um pouco maior que a largura da imagem) e os valores 2px são em cima e embaixo, também é necessário ajustar conforme o tamanho de imagem que você usar.

Se quiser modificar o tipo, cor ou tamanho da letra basta colocar isso aqui nas duas partes do codigo:

font-family: "Comic Sans MS";
font-size: 14pt;
color: #0000FF;

E formatar como quiser seus marcadores, escolhendo o jeito que combine melhor com seu blog, dissemos para colocar nas duas partes do código (.guiarapido a / .guiarapido a:hover) porque assim poderá escolher cores diferentes, sugerimos não mudar o tamanho nem o tipo de letra pois isso faz ocupar espaços diferentes e o menu dos marcadores ficará “pulando” quando passar o mouse sobre ele, quero dizer subindo e descendo um pouco.

Veja também:
Código das Cores
Posicionar imagem de fundo
10 Programas Grátis para Editar Imagens

Marcadores: CSS, Template

Moderar Comentários

Uma função muito útil no blogspot é moderação de comentários, ele funciona assim quando alguém comentar seu blog antes do comentário aparecer você terá que aprová-lo, quer dizer você tem uma chance de ler e decidir se vai ou não mostrar o comentário no seu blog.

Para usar isso entre em configurações, ache Moderação de comentários e selecione a primeira opção “sempre” isso faz todos os comentários precisarem sua aprovação antes de aparecer no seu blog. Uma boa dica é pedir uma notificação por e-mail quando tiver comentários para moderar, para fazer isso é só colocar seu endereço de e-mail no campo abaixo, como o próprio blogspot descreve o serviço: Você receberá uma mensagem neste e-mail quando um não-membro fizer um comentário no seu blog. Deixe este espaço em branco para não receber essas notificações.

Essa moderação de comentários é muito útil para evitar spam (pessoas comentam visite meu blog..) ou ainda alguns desocupados que fazem comentários ofensivos e coisas do tipo.

Agora que já fez as alterações é só clicar para salvar as configurações e pronto. Além das notificações por e-mail, quando você acessar a pagina do blogger, aparecerão os novos comentários para você decidir se publica ou não, embaixo do nome do seu blog, deste jeito:

Então é só clicar no link e decidir o que fazer com cada um deles.

Marcadores: Iniciantes

Mostrar comentários recentes

Colocar uma lista dos últimos comentários recebidos no blog é muito simples, é igual adicionar qualquer feed. Entre na página layout, clique para adicionar um gadget e na pagina surgir escolha a opção feed.

Na tela que aparece coloque esse endereço, mas colocando o nome do seu blog nele:
http://NOMEDOSEUBLOG.blogspot.com/feeds/comments/default

Depois clique em continuar e escolha as opções que vai mostrar junto com o link dos últimos comentários (numero de itens, autores do item, datas do item), agora é só apertar o botão salvar e já está pronto. Visualize seu blog e aparecerá a lista dos últimos comentários recebidos pelo seu blog.

Marcadores: Conteúdo, Template

Adicionar aos favoritos para o Blogspot

Como colocar adicionar aos favoritos no Blogspot, isso pode parecer uma coisa estranha de dizer, mas não é, na verdade já publicamos outro código para adicionar aos favoritos que funciona perfeitamente no Internet Explorer e Firefox, se utilizamos em um site, porém tentei usar aqui neste blog e não funcionou no Internet Explorer, isso foi causado por alguma mudança no próprio Blogger porque quando publicamos aquele código fizemos o teste antes e está funcionando perfeitamente.

Mas já feita à explicação do porquê mostrar mais um código para adicionar seu blog aos favoritos aqui está o código que estávamos usando atualmente:

<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Dicas para Blogs","http://dicasparablogs.blogspot.com","");
}
else { window.external.AddFavorite("http://dicasparablogs.blogspot.com","Dicas
para Blogs"); } }
</script>
<a href="javascript:void(favoritos());">Adicionar aos Favoritos</a>

Se quiser usar uma imagem no lugar do texto, como fizemos na imagem no inicio dessa postagem, faça ou ache uma imagem que goste e coloque o código desse jeito:

<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Dicas para Blogs","http://dicasparablogs.blogspot.com","");
}
else { window.external.AddFavorite("http://dicasparablogs.blogspot.com","Dicas
para Blogs"); } }
</script>
<a href="javascript:void(favoritos());"><img src="url
da imagem" border="0"></a>

Que funcionará da mesma maneira quem clicar sobre a imagem irá adicionar seu blog aos favoritos. Não se esqueça de colocar o nome e endereço do seu blog nos códigos que mostramos acima. Tenha cuidado para não apagar nada, além disso, pois se faltar uma aspa ou qualquer outro sinal o código pode não funcionar corretamente.

Assuntos Relacionados:

Como hospedar imagens
Programas Grátis para fazer e editar imagens

Marcadores: Mais visitas, Scripts

Como saber quem copiou meu blog

Todos nós publicamos muitos textos, imagens nos blogs e sempre aparece algum espertinho para copiar e usar como se fosse criação dele. Um jeito de achar essas cópias do texto de nossos blogs é usando o site Copyscape , você só precisa digitar o endereço do seu blog e o site mostrará uma lista de sites ou blogs que tenham o mesmo texto. Esse é um modo bem simples e fácil de encontrar quem copiou as postagens do blog.

Quanto a impedir as cópias já publicamos diversos códigos, para ajudar a proteger seus textos e imagens contra as cópias:
Proteger imagens
Impedir seleção do texto
Bloquear o botão direito do mouse
Bloquear o teclado

Porém queremos dizer mais uma vez que sempre existirá um jeito de copiar coisas de sites é impossível proteger completamente as coisas que coloca na internet, mas com o Copyscape pelo menos você pode saber quem copiou seu blog, ou melhor, dizendo roubou. Contudo quando falamos dessa forma estamos nos referindo a sites e blogs que publicam os textos sem dizer onde acham, porque no caso das pessoas que copiam e colocam um link dizendo onde acharam o texto sempre são bem vindas, pois é mais uma forma de divulgação para qualquer blog.

Marcadores: Segurança, Sites Úteis

Enviar Atualizações por Email

Alguns blogs inclusive esse tem um serviço que envia um email avisando sobre nossas atualizações, isso é bem útil e aumenta o numero de visitas do blog. E fazer o mesmo com o seu blog é mais fácil do parece, você só precisa fazer um cadastro no Feedburner e configurar seu blog nele.
Primeiro vamos deixar o site em português, pois assim é mais fácil, no topo da pagina tem a palavra language, clique nela e na próxima pagina clique na palavra português, está certo que não é uma tradução perfeita, pois ele usa a expressão Queime um feed agora mesmo. Mas é melhor do que usar o site em inglês.

Veja aqui algumas Configurações do Feedburner - Personalizar as Atualizações por E-mail e outra maneira de personalizar o serviço é Colocando imagem no FeedBurner.

Depois que fizer o cadastro coloque o feed do seu blog no campo Queime um feed agora mesmo, se não souber seu feed vá até seu blog e copie o link que está no final da pagina na “Assinar: Postagens (Atom)”, seu feed é assim:
http://SEUBLOG.blogspot.com/feeds/posts/default
Então é só clicar em avançar, e avançar novamente, o site já vai mostrar o endereço do seu feed gerado pelo Feedburner, é o link abaixo disso: Congrats! Your FeedBurner feed is now live. Want to dress it up a little?Subscribe to your feed (and share with others!) at.

Clique no botão próximo no final da pagina e clique novamente. Agora clique na guia publicar e no menu da esquerda em Email Subscriptions, agora aperto o botão ativar e aparecerá a tela Gerenciamento de Cadastros, troque a language para Português e pronto. Agora é só copiar um dos códigos abaixo. O primeiro código mostrará no seu blog um campo de texto para a pessoa digitar o email e assinar o feed, para receber as suas atualizações no email que ela indicou.

O segundo código que tem nesta pagina mostra apenas um link para assinar o feed e o processo é o mesmo, então se quiser usar alguma imagem como link para receber suas atualizações por email é só copiar esse código da segunda caixa e colocar uma imagem nele. O código com imagem fica assim:

<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2104814&loc=pt_BR"
target="_blank" title="Receba nossas mensagens por e-mail"><img
border="0" src="http://img6.imageshack.us/img6/2467/emaillw8.jpg"/></a>

Copiamos esse exemplo do nosso outro blog Frases Curtas. Depois que pegar esse código entre na pagina layout do seu blog, clique para adicionar um gadget, escolha a opção html/javascript e cole o código.

Marcadores: Mais visitas, Sites Úteis

Colocar um template

Antes de começar a trocar um template saiba que isso é um pouco complicado e leva algum tempo, portanto não comece a fazer isso se não puder ficar pelo menos uma hora no computador mexendo no seu blog, se não houver problemas em 20 minutos será tudo terminado, mas não é bom arriscar porque os ajustes finais às vezes levam bastante tempo. Para achar um template para o blogspot até que é fácil, difícil e chato é na hora de instalar no blog, porque quase sempre aparece alguma falha ou sobram ou faltam gadgets, isso acontece porque cada gadget que você adiciona no seu blog também modifica o html, e a maioria desses sites que fornecem template para adaptar seu template para download colocam muitos gadgets, mas não podem adivinhar todos que cada blog usa. Abaixo segue uma lista de sites com templates grátis que achamos no Orkut.

http://templatesforyou.blogspot.com/
http://templatesparanovoblogger.blogspot.com/
http://fantasytemplates.weblogger.terra.com.br/
http://freetemplates.blogspot.com/
http://thrbrtemplates.blogspot.com/
http://blogger-templates.blogspot.com/
http://www.bloggertemplates.org/
http://blogspottemplates.blogspot.com/
http://www.templates4free.blogger.com.br/galeria1.htm
http://blogtemplates.noipo.org/
http://wired-gadget.blogspot.com/
http://www.finalsense.com/services/blog_templates/index.htm
http://freeblogspottemplates.blogspot.com/
http://www.blogskins.com/browse.php
http://www.templatepanic.com/

Até aqui falamos do problema, agora vamos falar da solução, como fazer para colocar um template no blogspot sem dar tantos erros. Antes de começar a instalação vamos garantir que não perderemos nada em caso de algum problema. Então entre na página layout e copie os códigos dos acessórios que colocou no seu blog: contador de visitas, previsão do tempo, relógios, banners e links de parceiros e tudo mais que puder. Quando as coisas que não podemos salvar o código como, por exemplo, lista de blog ou feeds, salve os endereços dos blogs destas listas, assim ficará mais fácil recolocar caso esse gadget desapareça. Veja mais detalhes aqui sobre Fazer Backup ou Colocar Template no Blogger usando o Novo Painel.

Depois disso vá até a página editar html, clique em Baixar modelo completo e salve uma cópia no seu computador, assim em caso de problemas será fácil retornar ao modelo que está usando atualmente.
Agora vamos começar a instalação do novo template. Na linha abaixo clique no botão arquivo e encontre onde salvou o template que deseja instalar e depois aperte o botão upload. Provavelmente aparecerá uma mensagem desse tipo “Os widgets serão excluídos Confirme a exclusão dos itens a seguir. Toda a configuração dos itens será perdida.” Isso quer dizer que alguns gadgets do seu blog vão sumir, mas não temos opção porque se não aceitarmos o template não será instalado, mas já que salvamos o que tínhamos no blog não há problemas, pois será fácil recolocar depois, portanto clique em confirmar e salvar.

Recomendamos que vejam também:
Designer de modelo - Layout e Configurações Avançadas
Novos Templates para Blogger: Como Usar Páginas Dinâmicas
Site para Fazer Imagens Online e Criar Banners com Efeitos

Clique para visualizar o blog, deve aparecer com o novo template, então vamos até a página layout para adicionar novamente os gadgets que foram excluídos, isso é do mesmo jeito que fez para colocar da primeira vez no template antigo a maioria é adicionar gadget, html/javascript. Você notará que existem muitos gadgets vazios que você deve excluir isso acontece porque os sites de template colocam muitos gadgets para fazer você perder o menos possível durante a instalação do template. Como já dissemos agora é só adicionar os acessórios que sumiram e remover os gadgets que não queremos ou estão vazios.

Marcadores: Sites Úteis, Template

Coluna ao lado do Título

Nós mexemos tanto com códigos CSS que algumas coisas nos passam despercebidas, e por incrível que possa parecer são justamente as coisas mais simples que não conseguimos ver.
Um exemplo disso é usar valor negativo na margem superior de uma das colunas para fazê-la aparecer mais no alto da pagina do que a outra coluna e as postagens, podendo até ficar como se a coluna se iniciasse ao lado do titulo do blog, mas claro que se fizer isso tem que arrumar o titulo do blog ou a imagem que usa no lugar do titulo para não sobrepor a coluna na imagem. Isso dá um efeito muito legal. Veja na imagem como as colunas estão mais para cima que as postagens.

O código para fazer isso é simples basta colocar junto com o código da coluna margin-top:-320px; então o código da coluna (sidebar) ficará mais ou menos assim:

#sidebar-wrapper {margin-left:20px;margin-top:-320px;
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Claro que a largura (250) e float (right) serão diferentes no seu blog, mas o importante para deixar uma coluna mais para cima que as outras é o trecho margin-top:-320px; depois é só ajustar os valores para o seu blog. Isso pode ser feito em qualquer coluna ou nas postagens. A imagem que usei como exemplo é de um blog que ajudei a modificar há pouco tempo, ele pertence à Graça de Oliveira.

Marcadores: CSS, Template

Vendas Online - Aumente suas vendas com o PagSeguro

Para quem pretende montar uma loja ou prestar algum tipo de serviço pela internet uma boa opção para receber os pagamentos é o PagSeguro da UOL, você precisa fazer um cadastro no site. O site permite você que seus clientes façam compras à vista (transferências bancárias e boletos) e a prazo (cartões de crédito), sobre o parcelamento encontramos essa informação na pagina de ajuda do PagSeguro: Quem compra pode parcelar as compras em até 12 vezes nos cartões Diners, Hipercard, MasterCard e Visa, 15 vezes no cartão American Express e 18 vezes no cartão Aura. A taxa de parcelamento é de 1,99% ao mês, e é acrescentada ao valor total da compra. Para utilizar a opção de parcelamento, basta que o comprador selecione a quantidade de parcelas no momento da compra. Os valores são calculados automaticamente.

Terminado o cadastro clique na Guia Meus Dados, na pagina que abre tem varias opções, clique em Tipo de Conta PagSeguro e configure sua conta como vendedor ou empresarial, isso vai depender da quantidade de negócios que pretende fazer. Enfim nesta página você vai alterar suas configurações e ajustar da melhor maneira possível o serviço do site para o que você pretende fazer, é um site fácil de navegar e com boas explicações.

Depois clique na guia ferramentas e você pode escolher algumas formas de botões para as pessoas clicarem para fazer os pagamentos, ainda existem botões para doações. No final da página das ferramentas encontramos: Integrações avançadas de pagamentos online PagSeguro isso faz um carrinho de compras quer dizer seus visitantes vão poder escolher múltiplos itens em sua loja virtual.

Marcadores: Ganhar Dinheiro, Sites Úteis

Ganhar Dinheiro com o Blog

Existem vários modos de ganhar dinheiro com o blog, abaixo tem alguns links de sites que fornecem anúncios para você exibir no seu blog e você ganha algum dinheiro quando seus visitantes clicam nestes anúncios.

Uma idéia que pode surgir é colocar um sistema de anúncios no blog e ficar clicando neles para ganhar mais ou pedir para amigos fazerem o mesmo, embora isso aparente ser uma ótima maneira de aumentar seus lucros rapidamente, essa é uma péssima idéia porque esses sites que fornecem anúncios sabem de qual computador vieram os cliques nos anúncios, portanto saberam que um grande número de cliques vindos do mesmo lugar só pode significar uma tentativa de fraude, isso pode fazer você ser expulso do site de anúncios.

O ultimo link da lista é da comunidade adsense no orkut considero esse um bom lugar para ler sobre como ganhar dinheiro com blogs ou sites, pois tem muita gente lá que trabalha com isso e tem bastante experiência no assunto.

Buscapé
HotWords
Mercado Livre
Uol
Adsense
Comunidade Adsense

Além de exibir anúncios ainda podemos vender publicidade direta, ou seja, receber de alguém para mostrar um banner de um determinado site em nosso blog, isso é um pouco mais difícil e ainda fica a questão de saber o quanto cobrar, mas sobre valores fica a critério de cada um. Se você conhece ou usa algum outro sistema que considere um bom jeito de ganhar dinheiro com o blog deixe o link em nossos comentários.

Um tipo de publicidade que vi em alguns blogs e acho que não deveriam usar é aquelas do tipo que quando clicamos em qualquer coisa no blog abre uma janela de propaganda automaticamente, quero dizer clicamos para ver outra coisa e somos obrigados a ver a publicidade, isso irrita o visitante, isso faz as pessoas não gostarem de seu site e conseqüentemente não voltam mais nele, por isso considero esse tipo de publicidade um mau negócio.

Marcadores: Ganhar Dinheiro, Sites Úteis

Ícone na barra de endereço e favoritos

Uma correção o site está fora do ar, não sabemos qual o motivo e se voltará ao normal, então encontramos outro site para gerar e hospedar as imagem do icone, chamado Free FavIcon, nele é possivel fazer as duas coisas ao mesmo tempo gerar a imagem no formato .ico e hospeda-la.

Para colocar uma imagem no lugar do ícone do blogspot na barra de endereços do navegador, primeiro você precisa converter e hospedar uma imagem no formato .ico, então vamos começar convertendo uma imagem normal(.jpg, .gif ou .png) em .ico para isso vamos usar o site Converticon 2.1, quando entrar no site clique no botão Get Started, vai abrir uma janela para você procurar a imagem no seu computador, veja embaixo da linha aonde vai o nome do arquivo caso o tipo de arquivo estiver em icon(ico) troque para image(png, gif, jpeg) e encontre a imagem. Quando você clicar na imagem ela já aparecerá na tela, então clique em Export sugerimos escolher 32 x 32 ou 16 x16 e clique em save as. Esta parte já está pronta, convertemos uma imagem normal em uma imagem para ícone da barra de endereços.

Agora vamos hospedar esse ícone, um site que faz o serviço de hospedagem de arquivo .ico gratuitamente é o MerryPic, clique em arquivo e encontre onde a imagem que vamos usar como ícone, depois clique em upload, na tela seguinte copie o código que está na ultima linha (direct) e coloque no trecho abaixo:

<link href='endereço da imagem' rel='shortcut icon'/>
<link href='endereçod a imagem' rel='shortcut icon'/>

Agora vamos até a página editar html do blogspot e procuramos por:

]]></b:skin>
</head>

E colocamos o código antes de </head> , ficará assim:

]]></b:skin>
<link href='endereço da imagem' rel='shortcut icon'/>
<link href='endereço da imagem' rel='shortcut icon'/>
</head>

Claro que com o endereço do ícone que hospedamos no lugar indicado. Fizemos os testes e funcionou perfeitamente no Internet Explorer, Firefox e Opera. Além de aparecer a imagem na barra de endereços do navegador o ícone ainda aparece ao lado do nome do blog quando alguém adiciona seu site aos favoritos.

Alguns dos sites ou códigos que indicamos apresentaram problemas então fizemos um novo tutorial sobre como colocar um favicon (imagem na barra de endereços), veja aqui nossa atualização mais recente sobre a imagem na barra de endereços do blog.

Outro site para hospedagem de icones é o Free Favicon Hosting, afinal é sempre bom ter mais opções.

Marcadores: Personalizar, Scripts, Template

Qual o melhor site de música para colocar no blog

Existem muitos sites oferecendo musicas ou rádios para colocar no blog, mas é difícil saber quais são bons, então vamos fazer uma pesquisa para saber qual o melhor site de musica para colocar no blog, levando em consideração tudo que envolve colocar musica no blog, ou seja, facilidade de encontrar o código que você quer, o player oferecido combina com seu blog e outras coisas que você ache importante na hora de escolher qual o melhor jeito de colocar música no blog.

Se você usa ou conhece algum outro site que considere bom e acha que deveria estar nesta lista deixe um comentário ou envie um email e vamos colocá-lo aqui, afinal quando mais opções nós tivermos maior será a chance de encontrar o que realmente queremos e combina com nosso blog.

Veja também:

Colocar Rádio no Blog
Colocar música no blog

Marcadores: Enquetes, Música, Pesquisa

Mostrar Reações

Algumas pessoas perguntaram sobre como mostrar as reações dos visitantes sobre as postagens do blog, isso é muito fácil de fazer é só entrar na pagina layout, clicar para editar as postagens do blog e marcar a opção reações. Se quiser modificar as palavras engraçado, interessante, legal, é só clicar no link editar ao lado delas e escrever o que você quiser.

E se quiser pode mudar a própria palavra reações, é só escrever outra coisa no lugar como, por exemplo, “essa postagem é:” no caso de usar palavras para classificar como bom, regular e ótimo. Enfim use sua criatividade e use esse recurso do blog da maneira que quiser, essa é um jeito simples de incrementar o blog em poucos minutos.

Se mesmo marcando a opção na pagina layout não aparecerem as reações no seu blog pode ser um problema de html, então entre na pagina editar html, clique para expandir o modelo e procure por:
<span class='post-comment-link'>
ou
<div class='post-footer-line post-footer-line-3'/>

Isso vai depender um pouco de como está o seu modelo e o lugar exato onde aparecerão os links para classificarem suas postagens(reações) e coloque esse trecho logo após uma dessas linhas acima, mas lembre-se é para colocar o código apenas um vez.

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

Marcadores: Acessórios, Conteúdo, Personalizar

Botão do diHITT

Para publicar algo entre o texto de cada postagem e os comentários é relativamente simples de fazer. Entre na pagina editar html e salve uma cópia do seu modelo por uma questão de segurança, assim se tiver algum problema poderá facilmente voltar ao modelo antigo. Depois disso clique para expandir modelos de widgets e procure por:

<data:post.body/>

<div style='clear: both;'/>

Agora é só colocar o que desejar entre essas linhas e pronto, esse conteúdo aparecerá no final de cada postagem, antes dos comentários. Você pode colocar imagem, link, enfim o que quiser inserir entre o texto e os comentários do blog. Isso serve até para colocar o botão votar do Dihitt. Depois que terminar de fazer as alterações o trecho acima ficará assim:

<data:post.body/>

Código que você quiser

<div style='clear: both;'/>

Clique para visualizar seu blog e se estiver tudo do jeito que você quer clique para salvar e pronto.

Marcadores: Redes Sociais