1

Seminário Otimização de Blogs – Google Adsense Por Érico Oliveira dia 01 de julho de 2009 às 3:11 pm

A dica deste seminário foi enviada pelo leitor Edson Menezes. Quem se interessa pelo tema não pode deixar de assistir, são dicas muito valiosas sobre como otimizar os anúncios do Adsense em sites, ou seja, como ganhar mais verdinhas. :)


Aumentando a fonte dos anúncios do Adsense Por Érico Oliveira dia 28 de junho de 2009 às 11:12 am | Imprimir este post

Vocês sabiam que já é possível alterar o tamanho das fontes nos anúncios do Google Adsense? Recentemente o Google liberou este recurso que estava disponível apenas para usuários premium. Para realizar esta modificação basta acessar sua conta do Adsense, clicar em Adsense para Conteúdo, depois Bloco de Anúncios e na opção Fontes escolher Pequena, Média ou Grande. Por experiência própria tenho tido um bom resultado escolhendo a fonte grande, com dimensão semelhante ao título da página. Vale a pena testar mais esta opção!

Escolha o tamanho da fonte nos anúncios do Adsense

Escolha o tamanho da fonte nos anúncios do Adsense


Crie um Portfolio usando o WordPress Por Érico Oliveira dia 25 de junho de 2009 às 10:35 pm | Imprimir este post

Uma das muitas possibilidades do WordPress é sua utilização como portfolio, principalmente para designers e fotógrafos. Para isso existem diversos temas gratuitos cujo foco principal é a exibição de imagens. Vamos conhecer alguns deles:

Tema Fotofolio | Demo | Download
Fotofolio

Tema Gallery | Demo | Download
tema-portfolio-gallery

Tema Irresistible | Demo | Download
tema-portfolio-irresistible

Tema Linquist | Demo | Download
tema-portfolio-linquist

Tema Monotone | Demo | Download
tema-portfolio-monotone

Tema Sharpfolio | Demo | Download
tema-portfolio-sharpfoliodemo

Tema Viewport | Demo | Download
tema-portfolio-viewport

Tema WPESP | Demo | Download
tema-portfolio-WPESP

Mas como alguns de vocês devem saber, nem tudo são flores e em geral estes tipos de temas são mais complicados para configurar, exigindo configuração de campos personalizados etc e tal. Acompanhando o fórum percebo que muitos novatos tem dificuldade em configurar este tipo de tema. Por isso pensei em escolher um dos temas acima (a princípio seria o Gallery) e criar um passo-a-passo junto com este post. Mas enquanto pesquisava e escrevia tive a idéia de vocês escolherem o tema com o qual deveria criar o tutorial. Sendo assim votem na enquete abaixo no tema de sua preferência e o mais votado terá sua instalação/configuração detalhada minuciosamente na próxima semana, ok?

Qual tema deverá ser o escolhido para elaboração do tutorial?

View Results

Loading ... Loading ...

Lançado WordPress 2.8 Baker Por Érico Oliveira dia 11 de junho de 2009 às 10:07 am | Imprimir este post

Foi lançado hoje o WordPress 2.8 Baker em homenagem ao trompetista e vocalista Chet Baker. Nesta versão foram corrigidas mais de 790 bugs e implementados novos recursos para os temas, widgets, taxonomia, interface e performance em geral.

Nesta versão é possível procurar novos temas por cor, número de colunas, largura e diversas características diretamente do repositório do WordPress.org, além de poder instalar dentro da própria administração, como já acontece nos plugins. Outro recurso que será muito bem-vindo, principalmente para os desenvolvedores, é o sintax highlight, aparecendo nos formulários de edição dos código dos temas e plugins (fiquei muitíssimo impressionado!).

Na página de gerenciamento de widgets foi elaborada uma nova interface, facilitando a adição, remoção e edição. Também foi criada uma API para facilitar o desenvolvimento de novos widgets.

Confira abaixo o vídeo de demonstração do próprio pessoal do WordPress apresentando estes e outros recursos do WordPress 2.8 Baker.


p.s. Já instalei a nova versão aqui no pBlog e tudo está funcionando perfeitamente!

Lançado WordPress 2.8 Release Candidate 1 Por Érico Oliveira dia 08 de junho de 2009 às 11:41 am | Imprimir este post

Foi lançado ontem o WordPress 2.8 Release Candidate 1, isto significa dizer que a versão final está praticamente pronta, se não encontrarem mais nenhum problema, o WP 2.8 será lançado na próxima quarta dia 10 de junho.

Caso você queira ajudar, faça o download, teste e avise aos desenvolvedores se encontrar algum problema. Se deseja saber quais foram as modificações feitas desde a última versão consulte o changelog.

Como Integrar a Busca do Google a um Tema WordPress Por Érico Oliveira dia 08 de junho de 2009 às 8:31 am | Imprimir este post

Integrar a busca do Google ao WordPress é uma opção bastante interessante por dois motivos. Primeiro, pode render uma grana extra, pois aparece alguns anúncios do Adsense junto com os resultados. Segundo, exibe resultados por relevância utilizando o melhor algoritimo de busca da internet. Diante dos fatos vamos à prática.

O primeiro passo é criar a página no WordPress onde serão exibidos os resultados da pesquisa. Entre na administração do blog, clique em “adicionar nova” página e por enquanto apenas adicione um título, por exemplo Resultados da Pesquisa, e publique a página. O importante neste momento é sabermos qual o permalink dela, provavelmente será algo do tipo www.meublog.com.br/resultados-da-pesquisa, pois será necessário para configurar o Adsense para Pesquisas.

Agora acesse sua conta do adsense para copiar o código do formulário de busca e o código da página de resultado. Faça o login, clique na aba “Configuração do AdSense” e em seguida “AdSense para pesquisas“. Selecione a opção “Apenas os sites que eu selecionar” para o campo “Tipo de pesquisa“, adicione a URL do seu site no campo “Sites selecionados“, escolha as demais opções de acordo com sua preferência e clique em continuar. Na página seguinte escolha o modelo do formulário de busca que melhor se adequa ao seu blog e novamente clique em continuar. Agora você deverá colar a URL da página criada, neste exemplo foi www.meublog.com.br/resultados-da-pesquisa, e colar no campo “Abertura da página de resultados de pesquisa“, configurar a paleta de acordo com as cores do blog e continuar clicando em continuar. Na próxima página ative a opção “Salvar o mecanismo de pesquisa“, dê um nome à pesquisa e clique no botão “Enviar e obter código“. Por último você deverá copiar os dois códigos fornecidos pelo Adsense, um para o formulário de busca e o outra para a página de resultado. Veja abaixo as capturas de tela desta etapa.

Adsense parte 1

Adsense parte 1

[caption id="attachment_1962" align="alignleft" width="100" caption="Adsense parte 2"]Adsense parte 2[/caption]
Adsense parte 3

Adsense parte 3

[caption id="attachment_1964" align="alignleft" width="100" caption="Adsense parte 4"]Adsense parte 4[/caption]
Adsense parte 5

Adsense parte 5


De mãos dos códigos iremos agora substituir o formulário de busca do tema. Para isso basta abrir o arquivo searchform.php, que encontra-se localizado dentro da pasta do tema, e substituir todo o código existente pelo fornecido no Adsense (ver imagem Adsense parte 5 – Código da caixa de pesquisa). Feito isso é hora de adicionar o código da página de resultado (ver imagem Adsense parte 5 – Código dos resultados de pesquisa) na página Resultado da Pesquisa que criamos no início deste tutorial. Lembre-se de mudar para a aba HTML no momento em que for colar o código.

Adicionando o código na página de resultado

Adicionando o código na página de resultado

Pronto!! De agora em diante sempre que alguém fizer uma pesquisa em seu site o Google irá exibir os resultados. Espero que este tutorial seja útil para vocês e que eu arrume mais tempo para escrever no pBlog (o que está parecendo ser uma missão quase impossível). :)

p.s. Recebi esta semana um pendrive da IBM, enviado pela agência Riot, com a plataforma para gerenciamento de projetos IBM Rational. Este software utiliza metodologia de desenvolvimento bem mais simples, chamadas de Ágeis. Para quem trabalha com desenvolvimento de softwares vale a pena conferir, existe inclusive uma versão gratuita com suporte para até 3 usuários, visite www.viagemdosrping.com.br.

Pen drive IBM

Pen drive IBM


Dicas, Dicas e mais Dicas Por Érico Oliveira dia 27 de maio de 2009 às 10:16 am | Imprimir este post

Algumas coisas interessantes que encontrei nos últimos dias.

  • DynaBlue wordpress theme – Excelente tema duas colunas com destaque para os últimos posts, ícones para Feed e Twitter, espaço pré-definido para banners 125×125px e 468×60px.
  • Fontes gratuitas – o blog Think Design selecionou 20 excelentes fontes sem serifa.
  • Plugin WP-Table Reloaded – Com este plugin você poderá criar e gerenciar tabelas na administração do WordPress sem necessitar de nenhum conhecimento de HTML/CSS. As tabelas criadas poderão ser inseridas em posts, páginas e até em widgets.
  • Plugin SI Captcha – Adiciona automaticamente um captcha ao seu formulário de comentários.
  • Galery WordPress Theme – um simpático tema para galeria de imagens/portfolio. Criado por Christopher Wallace e lançado no Smashing Magazine.
  • Guia para Criar Widgets – tutorial detalhado sobre a criação de widgets para o WordPress 2.8 (em inglês).

p.s. Lançado WordPress 2.8 Beta 2, veja as novidades e faça o download.

Como exibir o número de seguidores do Twitter no blog Por Érico Oliveira dia 19 de maio de 2009 às 9:38 pm | Imprimir este post

Encontrei esta dica no WpRecipes.com e achei interessante compartilhar com vocês, afinal o número de seguidores do Twitter está tão importante quanto o número de assinantes do feed, será??!?!!?! Discussões a parte, se você possui um bom número de seguidores e quiser exibir a quantidade no seu blog, siga os passos:

1. Copie o código abaixo para o arquivo functions.php do seu tema. Caso o arquivo não exista basta criá-lo e copiar o código.

function string_getInsertedString($long_string,$short_string,$is_html=false){ if($short_string>=strlen($long_string))return false; $insertion_length=strlen($long_string)-strlen($short_string); for($i=0;$i<strlen($short_string);++$i){ if($long_string[$i]!=$short_string[$i])break; } $inserted_string=substr($long_string,$i,$insertion_length); if($is_html && $inserted_string[$insertion_length-1]=='<'){ $inserted_string='<'.substr($inserted_string,0,$insertion_length-1); } return $inserted_string; } function DOMElement_getOuterHTML($document,$element){ $html=$document->saveHTML(); $element->parentNode->removeChild($element); $html2=$document->saveHTML(); return string_getInsertedString($html,$html2,true); } function getFollowers($username){ $x = file_get_contents("http://twitter.com/".$username); $doc = new DomDocument; @$doc->loadHTML($x); $ele = $doc->getElementById('follower_count'); $innerHTML=preg_replace('/^<[^>]*>(.*)<[^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele)); return $innerHTML; }

2.
Agora copie o código abaixo substituindo o texto “USERNAME” pelo seu nome de usuário no Twitter e cole-o no seu tema onde desejar, no cabeçalho (header.php), no menu lateral (sidebar.php) ou até mesmo no rodapé (footer.php).

<?php echo getFollowers("USERNAME")." seguidores"; ?>

Simples assim.