29 de jan. de 2009

Twitter vale US$250 milhões

O Twitter é uma rede social e serviço de microblogging que obteve muito sucesso em 2008, provocando o encerramento de alguns fortes concorentes, como Jaiku e Pownce. Criado em 2006, o serviço permite postagens com o máximo 140 caracteres, e é base para dezenas de outros serviços da internet.

Devido ao seu ganho de popularidade e a alta possibilidade de crescimento neste ano, o Twitter assinou um contrato com a empresa de investimentos IVP, fazendo com que seu valor chegasse a US$ 250 milhões.

De acordo com o site TechCrunch, o Twitter recusou recentemente uma oferta de compra no valor de US$ 500 milhões, oferecidos pela rede social Facebook.

Com um fundo atual de US$ 20 milhões e o novo acordo, o Twitter espera agora cooptar mais investimentos em breve, noticiou o site TG Daily

Veja outras notícias sobre o Twitter que encontrei no Terra:

 

» Jesus, Lennon e Marilyn escrevem em "twitter histórico"

» Twitter aproxima internautas de astros do esporte

» Passageiro narra acidente de avião pelo Twitter

» Veja o tweet de Gates para Jobs

» Hackers usam falha no Twitter para invadir conta de Obama

Fonte: Terra - Tecnologia
Read More

IncrediMail - Um Editor que dá Vida aos seus E-mails

Olá a todos! Recebi umas mensagens de e-mail personalizadas com imagens e emoticons muito bonitas, então, resolvi ver como fiazia. Aí, eu descobri o IncrediMail. Talvez, alguns ja saibam o que é o IncrediMail mas, para os que não sabem, resolvi fazer esse post.

O que é o IncrediMail?

O IncrediMail é um programa de email gratuito que gerencia todas as suas mensagens de email, comunicações, detalhes de contato e transações de email. O IncrediMail tem tudo a ver com diversão em suas mensagens. É bem parecido com o Windows Live Mail, só que com os recursos visuais que o WLMail não tem.

Com o IncrediMail você tem os seguintes recursos:
  • Escolher dentre centenas de segundo planos de email
  • Acrescentar a seus emails emoticons e animações divertidas
  • Dar vida a seus emails com efeitos 3D animados
  • Ser avisado das mensagens de entrada com personagens animados especiais (chamados de Notificadores, por exemplo, o mordomo da imagem acima)
  • Gerenciar todos os seus emails de contas diferentes (como Yahoo e Gmail) em um único lugar

Muito legal, não? Eu achei bem interessante, baixei e estou usando.

Download IncredMail

Além, disso, você pode ir a Galeria Online e baixar centenas de outras animações, efeitos e emoticons e planos de fundo para decorar o seus e-mails e impresionar o seu, hãnnnn, digamos... destinatário.

Read More

26 de jan. de 2009

Widget Atualizações do Twitter no Blog

Esta semana eu me associei ao Twitter. Então, estava procurando um widget de como fazer as minhas atualizações aparecerem aqui no blog. Encontrei no Usuário Compulsivo. Veja:

Este é um instalador automático para adicionar a widget no seu blog. Basta escolher um título e a quantidade de atualizações a serem exibidas.

Adicionar Twitter Updates ao meu Blog!

Além disso, pode exibir, também, a  contagem dos seus seguidores no Twitter. Para isso, use o TwitterCounter, que disponibiliza diversos botões estatísticos no estilo FeedBurner, além de códigos prontos para você personalizar.

Read More

Tradutor Conveythis para blog - o melhor

Esse é 10. Encontrei em um blog em inglês um super, mega, ultra, master, blaster, plus advanced tradutor para blog.

Quando passa o mouse por cima dele, abre uma pequena janela com opções de idiomas. Você pode clicar em "more" se quiser outro idioma.

Escolhido o idioma, aparecerá uma janela para vocês escolher qual tradutor deseja usar.

Veja os modelos de botões:








Customizar Tradutor para o meu Blog!!!
Read More

24 de jan. de 2009

Plano de Fundo Degradê - Duas Cores

Encontrei esses planos de fundo para blogs no blog Tah na Mão. Observe o Dicas Plugins e verá que usei o plano de fundo Preto e Cinza Degrade (Duas Cores).

/*---Body---*/
body {
background: substituir pelo código
color:$textcolor;
border: 5px none #5F4775;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Encontre a sequência acima no código HTML do seu blog e susbtitua a marcação em vermelho pelo código do plano de fundo desejado.

Azul e brando Degrade  

background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/azul_branco.gif') fixed top left repeat-x;

Preto e Cinza Degrade  

background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_cinza.gif') fixed top left repeat-x;

 Laranja e Branco Degrade  
 

background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/laranja_branco.gif') fixed top left repeat-x;

 Preto Vermelho Degrade  
 

background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_vermelho.gif') fixed top left repeat-x;

 Verde e Branco Degrade  
 

background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/verdea_branco.gif') fixed top left repeat-x;

 

Read More

23 de jan. de 2009

Repassando o Meme

Olá a todo, o blog Amo Handebol me indicou no Meme (um jogo entre blogs). Até agora eu só havia ouvido falar sobre isso, mas não sabia direito o que é. Mas o negócio é o seguinte.

Quem for indicado num Meme, deve:

  • Linkar quem te indicou.
  • Contar 6 coisas sobre você.
  • Repassar o MEME.

Bom. Então, seis coisas sobre mim:

1 - Meu nome é Willian, tenho 19 anos, e faço parte da Blogosfera (o mundo dos Blogs) desde Junho de 2008, há 8 meses, quando fiz um blog sobre amostras grátis (http://ganhedegraca.blogspot.com).

2 - O tema amostras grátis nunca, de fato, me incentivou, eu vivia mudando o template do blog, adiciona e retirando  colunas, mexendo nas cores do blog, futricando o código HTML dele até que em 23 de Dezembro de 2008, nasceu o Dicas Plugins, eu ja tinha acumulado alguma experiência e criei um blog de um tema que eu gosto.

3 - Ainda pretendo criar também, um blog sobre tecnologia, robótica e informática, mas por enquanto fico por aqui mesmo.Bom, não sou tão chegado a ler livros mas gosto de ler revistas, notícias e dicas na internet sobre tecnologia, informática, etc...

4 - Sempre fui considerado um nerd na minha escola, mas em uma escola pública. Quando me conparo a outras pessoas esse título se esvai como água em uma correnteza de rio. Curso administração de empresas.

5 - Finalmente depois de 11 anos(eu não aguentava mais) me formei no Curso Técnico de Música, algo para música como o nosso ensino médio para a educação básica (resumindo, o ensino médio do Música). Gosto de diversos ritmos, mas não sou muito ligado nas letras. Nada contra, mas não sou chegado a funk, hock e hiphop.

6 - Sou evangélico e tenho uma namorada linda que eu amo muito e não vivo sem ela. Se chama Lílian e, em breve (assim que eu passar em um bom concurso ou arranjar um emprego que valorize os conhecimentos que eu tenho) pretendemos nos casar.

Agora, repassando o MEME:

  • Mr-Bin - Blog de notícias e dicas sobre informática e tecnologia.
  • Baixe Movies -Blog de dicas e downloads de filmes.
  • Plug Your Mind - Blog sobre tv, cultura, notícias, música, etc...
  • Blog do Jovem X - Download de ptrogramas, músicas, jogos, filmes, etc...
  • Omoristas - Por que dar risadas faz bem.

Atenção, blogs escolhidos! Repassem o Meme.

Read More

22 de jan. de 2009

Flash Tag Cloud - Nuvens de Tags em Flash

No blog do Jean, o Super Downloads Free, encontrei uma widget tag cloud (ou Nuvem de tags) em flash, simplesmente sensacional. Os efeitos dão de 10 em outros que encontramos pela internet. Então, entrei em contato com ele e ele, de prondidão, me indicou como ele colocou no blog dele.

A Tag Cloud rola pra direita, pra esquerda, pra cima e prea baixo quando passa o mouse sobre ela.

Assim, fazendo umas pesquisas entre o Blogger Buster e o Web Dois Ponto Zero Plus, criei um tutorial para adicionar essa tag cloud no seu blog.

Então, se você quiser adicionar ao seu blog, vamos lá!

1. Vá até o código HTML do seu blog (NÃO é preciso expandir modelo de widgets)
2. Procure a seguinte sequência:

<b:section class='sidebar' id='sidebar' preferred='yes'>

3. Logo abaixo dessa linha coloque o seguinte código:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
   <b:if cond='data:title'>
     <h2> <data:title/> </ h2>
   </ b: if>
   <div class='widget-content'>
     <object type = "application / x-shockwave-flash" dados = "http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width = "250" height = "200" allowscriptaccess = "sempre">
         <param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
         <param name="bgcolor" value="#ffffff" />
         <param name = "flashvars" value = "tcolor = 0x000000 & mode = tags & distr = true & tspeed = 100 & tagcloud = <tags>
       <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'> <data:label.name/> </ a>
</ b: loop>
</ tags> "/>
         <p> Blogumulus por <a href='http://www.roytanck.com/'> Roy TANCK </ a> e <a href='http://www.bloggerbuster.com'> Amanda Fazani </ a> </ p>
     </ object>
   </ div>
   <b:include name='quickedit'/>
</ b: includable>
</ b: widget>


4. Clique em visualizar e se tudo estirver ok, salve o modelo. Pronto! A nuvem de tag aparecerá na sua sidebar.
5. Agora, você poderá movê-la de lugar: vá em "Elementos de página" e verifique a widget "Label" que apareceu. Arraste-a para onde desejar.

  • Configurações

Agora, temos algumas opções de configurações para adequar a nuvem de tags ao seu blog. Nas marcações em vermelho, modifique:

1 - Largura e altura da widget: width = "250" height = "200"

2 - Cor do plano de fundo da widget: <param name="bgcolor" value="#ffffff" />

3 - Cor do Texto: "tcolor = 0x000000

4 - Tamanho do texto: style='12'

 

Qualquer dúvida é só perguntar nos comentários.

Read More

Campus Party - Controle de PC usando só as mãos

É realmente uma pena eu não poder ter ido no Campus Party 2009 que aconteceu nesta semana, mas acompanhei algumas amostras na internet e essa é, sem dúvida, a que mais gostei. Tomara que essa tecnologia avance bem rápido para podermos estar utilizando-a o mais breve possível.

Uma tecnologia tão simples quanto revolucionária foi apresentada na noite deste sábado na Campus Party Brasil. Imagine poder controlar o computador usando apenas as mãos, sem precisar de mouse, touchpad ou teclado. Sem sequer tocar a tela. É esta a criação de dois jovens campuseiros que, apesar de desenvolverem um trabalho parecido há algum tempo, só se conheceram durante o evento. Felipe Farinon, 17 anos, e Jean Karpinski, 24, compartilharam suas idéias e, em quatro dias, a nova tecnologia virou realidade.


O que foi criado aqui vocês nunca viram antes, é algo que vai realmente permitir abandonar teclado e mouse", anunciou Kapinski, advogado e ativista do software livre e programador nas horas vagas. A explicação de Felipe foi simples: "Desde que vi Minority Report quis fazer algo parecido. É um sonho nerd. Então programei um software de interação com o computador", disse.

Utilizando o controle do Wii como sensor infra-vermelho para captar os leds colocados em seus dedos, conectado ao notebook via Bluetooth, Felipe comanda o micro sem encostar nele. "Como o Windows não aceita mais de um ponteiro, tentei entender como o programa grava estes dados mas não consegui, então criei um layer sobre o programa, que posso controlar colocando quantos ponteiros quiser", explicou. Na demonstração, Felipe utilizou um pendrive Bluetooth, já que o notebook PC que estava usando não tinha esse recurso.

A tecnologia, que permite inúmeras aplicações, foi criada a um custo muito baixo: cerca de R$ 10 segundo Felipe, gastos com velcro, pilhas e leds. De acordo com Roberto Andrade, diretor de comunicação da Campus Party, já há empresas interessadas em investir na criação.

"É claro que ainda há alguns bugs", disse Felipe. "Mas com investimento, é uma questão de tempo para que eles sejam consertados."

Como próximo passo, Felipe, que programa desde os 14 anos e tem o C++ como linguagem preferida, quer agora utilizar Linux. "O futuro é livre", disse, recebendo pela segunda vez na apresentação os aplausos da platéia.

Telão mostra jogo que Felipe utilizou apenas os dedos para jogar

Fonte: Terra - Tecnologia

Read More

21 de jan. de 2009

Template Statement

Eis mais um famoso e belo template para o Blogger, convertido do Wordpress. Encontrei ele no Zona Cerebral. Também ja o vi disponível no Dicas Blogger.

Clique na imagem para ver uma página com oTemplate.

Downlaod .RAR      Download .XML

Configurações da Caixa de Pesquisa

Para ativar a caixa de pesquisa do templete, vá até o código HTML e busque (utilize Ctrl+F) pela URL: http://tublog.com/search. No lugar de tublog, coloque o endereço de seu blog.

Read More

Template Google Chrome

Mais um sensacional template para o Blogger. O Google Chrome possui o visual donovo navegador do Google.

Clique na imagem para visualizar uma página com o template.

Download

Dica: O Google Chrome possui duas colunas mas você poderá inserir mais uma coluna conferindo o tutorial "Adicionar Coluna Horizontal Lateral" que publiquei há algum tempo. Caso faça isto, não se esqueça que a soma da largura do template (bady) deve ser igual a soma das larguras de todas as colunas mais as margens e paddings. Ou seja, pra adicionar uma nova coluna, deve diminuir a largura (width) da outra e/ou o post.

Read More

17 de jan. de 2009

Google Adsense: Técnicas de Otimização dos Anúncios

Encontrei um artigo muito interessante sobre o Google Adsense do blog Mr-Bin. Entrei em contato com o Lucas Vegi e ele prontamente me autorizou a reproduzí-la aqui no Dicas Plugins tal como escrito no Mr. Bin.

O artigo é enorme mas vale a pena ler.

   

 

Google Adsense: Técnicas de Otimização de Anúncios

Levando em consideração alguns emails recebidos por mim de pessoas que não tiveram a oportunidade e assistir nenhum dos mini-cursos que ministrei a respeito de planos de afiliados com enfoque no Google Adsense e técnicas para otimização de renda dos mesmos, estou hoje fazendo a postagem desse artigo que nada mais é que um resumo da idéia principal dos mini-cursos que com certeza irá ajudar muito quem estiver buscando informações a respeito e estiver interessado no assunto.

Principais técnicas de otimização dos anúncios

A principal fonte de renda atual do Google vem das publicidades, por isso o investimento em pesquisa nessa área é intenso na empresa, principalmente as pesquisas em IHC (Interação Humano Computador).
Com base nessas pesquisas em IHC, foram identificadas técnicas a serem utilizadas com relação às cores, posicionamento e formato dos anúncios, além da utilização de critérios e formas para aumentar o inventário de anunciantes. Vejamos a seguir.


Cores dos anúncios
As cores mais indicadas para serem utilizadas nos anúncios, são as cores do layout do seu site, fazendo com que os anúncios fiquem “integrados” no seu layout. Se seu site tem o fundo branco e os links vermelhos, então coloque o fundo e a borda dos anúncios em branco e a cor dos links dos anúncios idêntica a do seu site.

Exemplo de anúncios integrados ao layout:


Com os anúncios integrados ao layout do site, fica muito mais fácil dos visitantes olharem para eles, até por pensarem ser conteúdo e assim quebrar o preconceito de achar que todos os anúncios não são interessantes. Porém, nunca incentive seus usuários a clicarem nos anúncios fingindo que eles são conteúdo do seu site, pois isso pode gerar certa insatisfação nele e acarretar na não volta dele ao site.
Com os usuários olhando para seus anúncios, já é um grande passo para você receber cliques, pois como o Google AdSense faz contextualização automática, muito provavelmente os anúncios apresentados serão relevantes ao conteúdo que o usuário está vendo no site e portanto pode atrair seu interesse em clicar e obter maiores detalhes.
Com o tempo, a taxa de cliques nos anúncios pode cair, principalmente se seu site possui visitantes fiéis, pois como seus anúncios são sempre da mesma cor, os usuários podem acostumar com o seu layout e assim passarem a nem olhar mais para os anúncios com o tempo. Para solucionar isso, uma opção é periodicamente utilizar a rotação de cores.
A rotação de cores faz com que seus anúncios não tenham uma cor fixa, a cada vez o site é carregado, os anúncios aparecem numa combinação de cor nova. Isso faz com que os usuários não acostumem com o seu layout, porém deve ser usado somente em situações extremas, pois como os anúncios irão aparecer em cores que muitas vezes não tem muito a ver com o layout do site, o efeito da utilização da rotação de cores pode ser negativo para algumas situações.
Para utilizar a rotação de cores, selecione a opção “Use múltiplas paletas”. Veja o exemplo logo a seguir:

Posicionamento dos anúncios
O posicionamento dos anúncios é outro fator muito importante para a otimização, pois se os anúncios forem colocados em locais onde o usuário não tem costume de olhar e ler, dificilmente obterão sucesso.
Imagine seu site como uma loja e o local onde você colocará os anúncios como a vitrine da sua loja. Pois bem, a “vitrine” do seu site são os locais de maior índice de visualização.
Segundo o Google, os usuários visualizam os sites em um campo de visão parecido com a letra “F”, portanto esses locais são ideais para os anúncios aparecerem, pois os usuários estarão vendo os anúncios, e isso é muito importante.

Exemplo de campos de visão médio dos usuários:

As partes em vermelho são os locais que os usuários mais olham em média, portanto são a vitrine do seu site.
Outros locais interessantes para a colocação de anúncios são na barra de navegação e entre os artigos do site, pois são locais que agregam valores para o usuário.
Na barra de navegação, caso o usuário tiver procurando por algo, ele pode não encontrar, mas caso ele se interessar pelos anúncios, é uma forma desse usuário sair do seu site gerando renda, ao contrário do que ele faria se ali não tivessem anúncios e ele não tivesse encontrado o que procurava.
Já entre os artigos, o usuário ao terminar de ler o artigo, pode ver nos anúncios algo que complemente sua leitura e assim acabar clicando e saindo do seu site gerando renda novamente.
Existem locais onde deve ser evitada a colocação dos anúncios, como por exemplo, ao lado do logotipo da página, fora do layout e no rodapé.
Ao lado do logotipo é um local até comum de se ver pela internet inclusive em sites grandes e famosos, porém é um péssimo local, pois mesmo ele sendo um campo muito visualizado, os anúncios que aparecem lá ainda não têm nenhuma relevância para o usuário, levando em consideração que ele acaba de entrar no seu site, vai ver os anúncios, mas ainda nem leu seu conteúdo e por conta disso é mais difícil que ele se interesse em clicar, mesmo vendo o anúncio.
No rodapé é ainda menos provável do usuário olhar, pois é o local mais fora do campo de visualização média dos usuários. Dificilmente um usuário irá rolar toda barra de rolagem até chegar ao rodapé do seu site, e caso chegar lá, provavelmente já estará enjoado, querendo visitar novos locais e nem olhará para o anúncio.
Anúncios fora do layout acontecem muito em sites de beneficiários mal informados. Como veremos no próximo tópico do artigo, existem alguns formatos de anúncios que geralmente alcançam índices maiores de cliques e sucesso, porém alguns beneficiários influenciados por essa questão e por falta de espaço no layout acabam colocando anúncios de melhores formatos em locais errados. Porém na falta de espaço no layout, é muito melhor colocar anúncios em formatos menores em locais corretos, do que anúncios em formatos de maiores sucesso em locais que os usuários não irão olhar.

 
Formato dos anúncios
Quanto mais largos forem os formatos dos anúncios, maior é a tendência de sucesso do mesmo, pois eles fornecem maior espaço para os anunciantes, conseguem apresentar uma maior quantidade de anúncios em um único bloco, apresentam anúncios mais fáceis de ler e como conseqüências atraem uma maior quantidade de anunciantes de qualidade.
Os formatos de anúncios mais largos possuem os maiores inventários de mídias, ou seja, possuem mais anúncios de texto, imagem e vídeo, além dos maiores anunciantes do AdSense e que geralmente pagam mais por clique utilizarem eles para suas campanhas.
Os 3 formatos de maiores sucessos segundo o Google, são o retângulo médio(300x250), o retângulo grande(336x280) e o arranha-céu largo(160x600).

Exemplo dos 3 melhores formatos:

Sempre que possível, tente utilizar esses formatos de anúncios nos seus sites, pois o leilão dos anunciantes será mais concorrido e conseqüentemente as chances de aparecerem anúncios com maiores CPCs e eCPMs no seu site são melhores, e assim você ganhará mais. Mas como eu disse anteriormente, é muito melhor utilizar um formato de anúncio que não seja tão bom, mas em uma posição correta, do que um bom formato em uma posição errada, portanto use o bom senso.
O que é CPC e eCPM?
CPC é uma unidade de medida que o Google mantém sigilo, é a medida de quanto cada anunciante está pagando por clique no seu site.
eCPM é uma medida que o Google deixa visível nos relatórios, ela indica o potencial de renda de cada anunciante a cada 1000 impressões de anúncios.
O leilão de anunciantes corre em tempo real, portanto a cada visualização do seu site, estarão aparecendo os anunciantes que no momento estão com as maiores médias de CPC e eCPM e querem anunciar no seu site. A prioridade de aparecer nas partes mais altas do site é dos anunciantes que tem as maiores médias.


Aumento do inventário de anunciantes
Seu inventário de anunciantes é composto pelos anunciantes que estão concorrendo do leilão do seu site, portanto é sempre interessante ter um inventário grande, pois quanto maior for o número de concorrentes no leilão, maiores são as chances de seu site ter anúncios de melhor qualidade e que pagam mais. Para aumentar o inventário de anunciantes devemos seguir 5 passos básicos.
O primeiro deles é o de manter limpo o filtro de anúncios concorrentes, pois ao filtrar um anúncio que poderia vir a aparecer no seu site, conseqüentemente você estará diminuindo o seu inventário e tornando seu leilão menos concorrido, pois o anunciante filtrado poderia ser talvez o que pagaria mais e teria maior potencial de renda do seu leilão.
O segundo passo é o de aceitar anúncios de texto e imagem, pois assim você terá em seu leilão uma gama de possibilidades maior aumentando assim a competitividade do leilão.
O terceiro passo é ter um site com conteúdo de qualidade e de preferência exclusivo, pois os anunciantes não gostam de associar suas marcas a conteúdos ruins ou plágios.
O quarto passo é a utilização de palavras-chaves nos textos, porém sem exagerar, pois quando o texto possui palavras-chaves, fica mais fácil dos algoritmos de contextualização automática do Google direcionar anúncios mais relevantes vindos do seu leilão e como conseqüência aumenta a chance de você ser clicado.
O quinto e ultimo passo é algo que já vimos anteriormente, que é a utilização de formatos de blocos de anúncios largos sempre que possível.


Utilização de critérios
Como vimos nos tópicos anteriores, é sempre bom fazer uma boa cobertura com anúncios nas partes mais visualizadas dos sites para obtermos maiores chances de recebimento de cliques, porém muitas pessoas acham que quanto mais anúncios colocarem no site, maior é a chance de ganhar dinheiro e nem sempre é assim.
Pode acontecer de sites com menos anúncios gerarem mais rendas que alguns que tem mais anúncios pelo fato de fazerem o controle de número de cliques e quanto de renda que cada bloco gera através dos critérios.
Existe a possibilidade de você estar recebendo mais cliques nos blocos de anúncios que lhe pagam menos e a partir dos relatórios dos critérios você poderá resolver isso da forma mais adequada.

Exemplo de caso que os critérios ajudam:

Esse site do exemplo possui eCPM e CPC altos no bloco ao lado do cabeçalho (que é uma posição não indicada para a colocação de anúncios, mas como é a parte mais alta do site, possui os anunciantes que pagam mais) porém possui um baixo CTR*, ou seja, é um bloco pouco clicado porém tem os anunciantes que pagam mais, já o bloco localizado depois do artigo, possui eCPM e CPC baixos por não ser uma posição de privilégio em relação ao topo da página, porém possui um CRT* alto, ou seja, é um bloco de anúncios que paga pouco mas recebe muitos cliques.
O ideal para a otimização seria tentar fazer com que o bloco de anúncio que paga mais, fosse também o que recebesse mais cliques, e nessa situação se cada bloco de anúncio utilizar um critério diferente associado durante a criação do bloco, pelos relatórios avançados do AdSense, é possível saber qual bloco esta gerando mais renda e qual recebe mais clique e partir daí você tira as conclusões específicas para o seu site.
A solução ideal para a situação vista no exemplo, seria a retirada do bloco de anúncios localizado ao lado do logotipo, pois automaticamente só restaria um na página, que é o que está localizado abaixo do artigo. Mesmo ele estando localizado numa parte mais baixa do site, naquela situação ele está na parte mais alta do site que tem anúncios e, portanto recebe o privilégio de apresentar os anunciantes que pagam mais naquele momento e como ele já tem taxa de cliques alta, ele vai continuar recebendo muitos cliques, porém em anúncios que pagam mais, otimizando assim a renda mesmo utilizando menos anúncios.
*CTR é a unidade de medida usada para saber a média de clique que o anuncio recebe em relação ao numero de vezes que ele foi exibido.


Conclusão
A partir dessas técnicas apresentadas no artigo, conciliadas com um layout agradável para leitura e utilizando técnicas de SEO, as chances de maximização da renda gerada pelos anúncios no seu site aumentam de forma exponencial. Vale a pena implementar.

Read More

16 de jan. de 2009

Tutorial - Como Instalar Sidebar Tab no Template

Fazendo umas pesquisas em alguns blogs, em especial o Meu Super Blog e o Dicas Blogger, descobri como inserir a sidebar tab no template que você está usando. É aquele menu lateral com três abas como na figura abaixo (exemplo do Usuário Compulsivo).

Eu ja havia postado aqui uma forma de sidebar tab para iciantes e intermediários, que não precisa alterar nada no código HTML do blog. Não era fixo no template, era apenas colocado em uma nova gadget,não era muito funcional nem tanpouco profissional.

Esse que vou mostrar agora, é o mesmo daqueles tempaltes que ja vêm com esse recurso instalado. Consegui montar um passo-a-passo de como adiciona-lo ao seu blog. Então, vamos lá.

   

É o seguinte, para adionar no seu blog, siga o passo-a-passo:

1 - Vá ao código HTML do seu blog e clique em "Expandir modelo de widget". Abaixo das sequências de características das sidebars (depois daquelas que contem #sidebar 1{ etc... e antes das tags sobre Profiles, Blockquote, Comment e etcc., etendeu?), cole o seguinte código:

Exemplo: No meu template, eu colei depois de:

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

Então, faça como o descrito copiando e colando o código abaixo:

/*--------Tabber ---------------------------------*/
#tabsidebar-wrapper{
width: 375px; /* Mesma largura da Sidebar */
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 0px;}
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: #fff;
text-decoration: none;
}
ul.tabbernav li a:link { color:#369;}
ul.tabbernav li a:visited { color: #369;}
ul.tabbernav li a:hover{color:#369; background: #e6e6e6; border-color: #CCC;}
ul.tabbernav li.tabberactive a{
background-color: #e6e6e6;
color: #369;
border-bottom: 1px solid #e6e6e6;
}
ul.tabbernav li.tabberactive a:hover{
color: #369;
background: #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.tabberlive .tabbertab {
background: #e6e6e6;
padding:5px;
border:1px solid #ccc;
border-top:0;
}

.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

2 - Agora, cole o código seguinte antes da tag </head>:

<!-- JavaScript Menu em Abas -->
<script src='http://pi0qqg.bay.livefilestore.com/y1pzujTC-NnsVpna7xTKKxk2oqK_xXox33_8y_NuoWuWFYBgDdqUYqso_r2FPHlEhpQL0ACpEZJSkwoDWiDk7VYPA/tabber.js?download' type='text/javascript'/>

Feito isso, salve o modelo.

 

3 - Apartir da tag <body> existe uma sequência de tags que identificam a estrutura do seu blog, onde ficam as colunas, etc... Aqui, vamos inserir o local onde ficará a sidebar tab (Tabber):

Então, encontre uma tag mais ou menos igual a esta:

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>

OBS.: É imposrtante colar abaixo de <b:section></div> em negrito acima.

Abaixo dela, cole o seguinte código:

<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><!-- Fim da tabsidebar-wrapper-->

 

Pronto! Agora vc tem um recurso bem interessante para seu blog. Dúvidas? Pergunte através dos comentários.

Read More

15 de jan. de 2009

Tutorial - Excelente Tradutor via Google

Olá a todos. Hoje eu mudei o tradutor do Dicas Plugins para uma forma mais eficiente e com menos erros de tradução. Eu estava insatisfeito com os tradutores disponíveis e resolvi quebrar a cabeça. Fui a pesquisa e atravás dos códigos-fontes de outros blogs, me apareceum uma luz de como usar o tradutor do Google para a tradução do seu blog. Vou mostrar neste tutorial como funciona.

PS.: É um pouco trabalhoso, mas o resultado compensa plenamente.

É o seguinte. Resolvi usar a forma imagem linkada para o link com tradução e as respectivas bandeiras. Veja

<a href="URL da Tradução"><img src="URL da Bandeira"/></a>

O primeiro passa é copiar o link de tradução de cada idioma que você quiser utilizar. Essa é a parte mais trabalhosa. Veja porque:

  1. Antes, abra uma nova gadget "HTML/Java Script" e cole o código da lista de idioma que está no final do post.
  2. Vá até o Tradutor Google.
  3. Digite a URL do seu blog.
  4. Agora, escolha o primeiro idioma para traduzir seu blog.
  5. Clique em traduzir.
  6. CLIQUE EM "REMOVER FRAME".
  7. Copie a URL da barra de endereços e cole na marcação em vermelho da widget que estamos usando para cada idioma.
  8. OU copie a URL da bandeira (lista logo abaixo aqui neste tutorial) e cole em <img src="URL da Bandeira"/>

Veja como deverá ficar no exemplo abaixo (Tradução do Dicas Plugins para o Inglês):

<a href="http://66.102.1.101/translate_c?hl=pt-BR&sl=pt&tl=en&u=http://dicasplugins.net/&usg=ALkJrhidYpTP4GewcmswiS2J1mZvcq1mpw"><img src="http://i41.tinypic.com/f07ss4.png"/></a>

Lembre-se que você deverá traduzir seu blog para cada idioma e copiar a URL de cada tradução.

Utilizando a seguinte estrutura, faça como o descrito no passo a passo:

<a href="URL da Tradução"><img src="URL da Bandeira"/></a>

  • Lista de Idiomas coms as respectivas URL das bandeiras:

<a href="URL em Inglês"><img src="http://i41.tinypic.com/f07ss4.png"/></a>

<a href="URL em Espanhol"><img src="http://i43.tinypic.com/zmgihc.png"/></a>

<a href="URL em Chinês"><img src="http://i44.tinypic.com/9quv5h.png"/></a>

<a href="URL em Francês"><img src="http://i42.tinypic.com/280p17m.png"/></a>

<a href="URL em Alemão"><img src="http://i39.tinypic.com/2w7n1tx.png"/></a>

<a href="URL em Italiano"><img src="http://i42.tinypic.com/25qrpck.png"/></a>

<a href="URL em Russo"><img src="http://i40.tinypic.com/2ewm7t1.png"/></a>

<a href="URL em Árabe"><img src="http://i43.tinypic.com/4sxr7t.png"/></a>

<a href="URL em Hebraico"><img src="http://i44.tinypic.com/2nqw8bc.png"/></a>

<a href="URL em Português"><img src="http://i41.tinypic.com/1zbf5hu.png"/></a>

Pronto! Agora salve e visualize. Meio conplicado, não? De forma alguma. Basta um pouco de paciência que tudo sai ok. Qualquer dúvida pergunte nos comentários.

Read More

Template Red White Web 2.0

  Há algun tempo, coloquei aqui no blog, o Template Red White Web 2.0 - 3 colunas, que foi um dos templates que eu utilizei no Dicas Plugins. Agora, estou colocando aqui a versão original de duas colunas convertida do Wordpress.

Detalhes da Instalação:

Como esse tema tem muitas funções ele precisa de alguns ajustes durante a instalação. São apenas 2 modificações muito simples, mas qualquer dúvida pergunte nos comentários.

Download

  • Caixa de Busca:

Na aba Layout vá na opção Elementos da página e dentro do widget de "HTML/JavaScript" coloque o código abaixo:

<form id="SearchBox" action="/search" method="get"> &lt


;input id="s" maxlength="255" value="Faça sua Busca!" name="q" type="text"/> &lt


;/form>






  • Links de Navegação



Na aba Layout vá na opção Elementos da página e dentro do widget de "HTML/JavaScript" coloque o código abaixo, mudando os valores de acordo com sua preferência:







<ul>


<li><a href="URL DO BLOG">Home</a> </li> 


<li class="page_item"><a href="URL PAGINA" title="Page 1">EXEMPLO1</a></li>


<li class="page_item"><a href="URL PAGINA" title="Page child">EXEMPLO2</a></li>


<li class="page_item"><a href="URL DO FEED" title="Page 2">FEED</a> </li>


</ul>












Read More

14 de jan. de 2009

Links para enviar Torpedos Grátis

Algumas vezes, quando buscamos sites de torpedos de celulares no Google, boa parte deles fornecem um formulário que não funciona corretamente ou está fora de serviço.
Então, segue abaixo, dois links úteis para enviar torpedor para celulares OI.

Mundo OI
Torpedo Grátis.net

Em breve, colocarei links de outras operadoras.

Veja widget HTML para colocar em seu blog:

<a href="http://mundooi2.oi.com.br/servicostorpedo/">Mundo OI</a>
<a href="http://www.torpedogratis.net/oi/">Torpedo Grátis.net</a>


Read More

Template Onix

Bom, o Dicas Plugines & Templates está de cara nova e o template da vez é o Onix, do Dicas Blogger feito pela já conhecida, Juliana. Abaixo, está o link para download do Template.

   
                                                              Download  

CARACTERÍSTICAS

  • 4 colunas à direita
  • 3 colunas no rodapé
  • 01 coluna embaixo do cabeçalho
  • compatível com qualquer navegador
  • cores personalizáveis
  • vários locais para widgets
  • excelente para anúncios
    Entre o cabeçalho e as sadebars e a coluna do post, você pode inserir um anúncio do Google e a caixa de pesquisa, da mesma forma como aqui no Dicas Plugins. Para tanto, abra uma nova gadget e em "HTML/Java Script" insira o seguinte código:

<table
style="border: 2px solid rgb(255, 255, 255); text-align: left; width: 100%;"
cellpadding="2" cellspacing="4">
  <tbody>
    <tr>
      <td align="left" valign="undefined">
CÓDIGO DO ANÚNCIO
     </td>
      <td align="undefined" valign="undefined">

CÓDIGO DA CAIXA DE PESQUISA

</td>
    </tr>
  </tbody>
</table>

Read More

13 de jan. de 2009

Template Esqueleto Compulsivo

Encontrei no Usuário Compulsivo, um template show de bola. Ele tem diversas opções de sidebars e alguns recursos bem interessantes no estilo revista. Estou pensando usá-lo para o Dicas Plugins. O que vocês acham?

Veja que legal:

   
       Download Esqueleto Dark   Download Esqueleto Albino  

O template é baseado no Mínima do Blogger e, por isso, é de fácil personalização.

   
                                Clique para ampliar  

 Recursos já implementados:

Read More

10 de jan. de 2009

Como Inserir Barra "a Carregar"

Você, provavelmente, ja deve ter encontrado algum site com a barrinha " a carregar", enquanto carrega a página. Então, eu vou mostrar aqui como colocar esse recurso no seu blog.

A Carregar

No código HTML do seu blog, cole o seguinte código antes de </head>:

<script type="'text/javascript'"> <br /><br />window.onload = detectarCarga; <br /><br />function detectarCarga(){<br /><br />document.getElementById("imgLOAD").style.display="none";<br /><br />}<br /><br /></script><br /><br /><br /><br />

Salve as alterações.

Em "Elementos de página", adicione uma gadget "HTML/Java Script", e cole o seguinte código (Você deverá cococar essa gadget, no local onde a barra deverá aparecer):

<div id="'imgLOAD'" style="TEXT-ALIGN: center"><br /><br /><b>A Carregar</b><br /><br /><img src="http://i151.photobucket.com/albums/s137/andrewmusic1/loading.gif" />

<br /><br /></div>

Pronto! Veja em Activity Indicators outras barras diferentes.

Read More

Tradutor Babel Fish para Blog

Encontrei na internet mais um tradutor para ser utilizado em seu blog. Mas, sinceramente, eu não gostei dele. As truduções deixam muito a desejar.

em uma nova gadget, clique em "HTML/Java Script" e adicione o código do tradutor.

<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://br.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=pt&region=br"></script>

<script language="JavaScript1.2" src="http://www.altavista.com/static/scripts/translate_engl.js">
</script>

Read More

9 de jan. de 2009

Ícones para usar no Blog

Navegando pela internet, pela blogosfera e pelos código-fontes de outros blogs e sites a gente descobre muita coisa. E um link que eu descobri e que achei muito interessante é o Iconspedia.

Existem diversos sites que oferecem ícones para o seu blog, mas gerlamente, eles disponibilizam downlaod de uma pacote temático de ícones que, na maioria das vezes, não é exatamente o que a gente procura, ou não é muito funcional.

O Iconspedia é diferente. Alem de poder fazer download de um pacote temático, nele, você navega, encontra o ícone que você quer utilizar e pode fazer download em formato de ícone ou em formato de imagem PNG, em diversos tamanhos variando de 32x32 px a 256x256 px (pixels).

Read More