O titulo do post é só uma brincadeira, não é fácil ganhar dinheiro com blogs. Eu não iria escrever nada, mas para que sua visita não seja totalmente em vão, e para ninguém se chatear com a brincadeira, vou compartilhar com vocês duas coisas que você vai precisar para aumentar as visitas e ganhar uma grana.

Tempo

Para ganhar dinheiro com blogs você precisa ter uma boa audiência (a não ser em casos muito específicos onde seu blog é referência em determinado nicho), muitas visitas, e isto não se consegue da noite para o dia. É necessário escrever bem, aprender um pouco sobre técnicas SEO, divulgar seu blog, ler bastante… Para isso é preciso de tempo, você vai precisar dedicar muitas horas do seu dia para a atividade de blogar: Ler bastante, responder a e-mail’s e comentários, trocar informações com outros blogueiros, escrever seus textos, configurar temas, acompanhar as estatisticas, testar e otimizar sistemas de monetização, já desistiu?

Dedicação

Para realmente ganhar uma grana com seu blog você vai precisar de muita dedicação, é preciso entender que nos primeiros meses o dinheiro não aparece, as visitas não aumentam e muitas vezes da vontade de desistir mas acredite, é normal! Ninguém começou a ganhar dinheiro da noite para o dia então seja persistente e continue se dedicando que certamente vai colher os frutos.

Quando digo divulgar o trabalho não estou falando apenas dos “trabalhos desenvolvidos”, na minha opinião é, também, muito importante cuidar e promover os perfil profissional. Nos dias atuais quando queremos divulgar algo pensamos logo no twitter, orkut, yotube, flickr e diversos outros canais mas nem sempre estamos preocupados com a nossa auto promoção.

A dica que gostaria de compartilhar com vocês diz respeito a esta auto promoção, procure participar de forma ativa de listas de discussão por e-mail relacionadas a sua área de atuação, participe de comunidades d orkut e tente acompanhar o fórum, fóruns de discussão também é um bom local para se promover, com o tempo as pessoas começam a te conhecer e associar você a um especialista no assunto tratado.

É importante criar um perfil com seus trabalhos mais importantes, link para o portfólio e seus dados de contato, este perfil deve ser linkado na sua assinatura.

Um blog compartilhando dicas da sua área também é interessante, procure sempre responder aos comentários e mantenha atualizado.

Parecem coisas simples e óbvias mas acredite, faz a diferença e pouca pessoas seguem, se você ainda não havia pensado nisso comece agora, talvez este pequeno passo faça uma grande diferença e lhe torne um destaque na tua área.

Já é possível trabalhar com editores de texto, planilhas eletrônicas, apresentações, editor de imagens, fluxogramas e mais uma infinidade de coisas e agora, graças a uma grande iniciativa do Google, já é possível ter um browser dentro de outro browser.

Qual a vantagem disso?

Há muito tempo desenvolvedores web, principalmente web designers, reclamam do internet explore, com o lançamento do Google Chrome Frame começa a surgir uma pontinha de esperança para o fim das dores de cabeça com o IE. Através deste plugin os usuários poderão trocar o render engine do IE pelo do Chrome, em outras palavras será possível inserir uma janela do Chrome dentro do IE.

Para os usuários que instalarem o plugin existem duas formas de troca de render engine:

Automatica

O desenvolvedor pode inserir a tag e automaticamente o render será trocado.

Escolha do usuário

O usuário pode adicionar o prefixo “CF:” na frente das URLs.

Claro que para funcionar é necessário que o usuário instale o plugin, como convencer o usuário a instalar o plugin?

De qualquer forma acredito que isso já é um grande avanço, como disse o Irapuan Martinez na lista arqHP “Enquanto web designer revoltadinho estava “Fora IE 6!”, como se asversões posteriores prestasse, felizmente alguém estava fazendo algo de produtivo a respeito.”

É muito simples, basta digitar IP:ipDoDominio.

Digitando IP:74.125.91.104 o Bing te retorna resultados de páginas que estão ligadas a este dominio, no caso o google.com.br.

Achei interessante.

Acredito que as dicas abaixo servem para o desenvolvimento em qualquer linguagem de programação.

Seja coerente com seu estilo;

Isso é fundamental, quanto mais acostumado com a estrutura dos diretorios, nomeação de objetos e formas de acesso você estiver mais fácil será desenvolver.

Capriche nos comentários

É importante comentar o código para referência futura, no periodo que você esta trabalhando no projeto é fácil lembrar de todas as classes, o que elas fazem, quais são seus métodos e atributos mas depois você conclui o projeto, começa a trabalhar em outro, depois em outro e em outro e então o cliente entra em contato precisando de uma alteração… Com os comentários fica muito mais fácil retormar o proejto.

Estrutura de diretorios

É muito importante definir uma estrutura de diretorios desde o inicio do projeto, é bom manter cada coisa no seu lugar. Eu gosto muito de separar o projeto em 3 camadas básicas: visual, estrutura e código.

Visual

Aqui eu coloque toda parte visual do projeto, imagens, CSS, JS, formulários, textos…

Estrutura

Aqui faço as chamadas necessárias as classes que estão no código, na estrutura eu coloco os arquivos que fazem o meio campo entre o visual e o código, por exemplo: tenho um formulário para cadastro de usuários no diretorio “visual/usuarios”, o action deste forme vai apontar para um arquivo dentro de “estrutura/usuarios” e este fica responsavél por chamar o método que vai executar o cadastro, receber o retorno e chamar o arquivo da camada visual que deverá ser exibido para o usuário.

Código

Aqui ficam as classes, é aqui que as funções são executadas.

Utilize bem os métodos ou funções

Se você não esta acostumado a trabalhar com classes e métodos pode utilizar as funções, o importante é criar uma forma para não precisar reescrever o mesmo código várias vezes. Identifique as ações que são frequentemente utilizadas e crie funções para executa-las.

Claro que neste post eu não estou revelando nenhum segredo dos grandes mestres da programação e se você já trabalha com desenvolvimento a algum tempo já deve saber de tudo isso e mais um pouco, acredito que as dicas servem para fazer com que programadores iniciantes possam refletir e começar a planejar seus códigos de forma correta.

Me lembro que não tive muita dificuldade em entender o que significava aquela bolinha vermelha com um número que aparece ao lado do menu Plugins no painel de administração do Wordpress, mas compreendo que muita gente pode não entender a prova foi o e-mail que chegou hoje através da lista de discussão WPBrasil perguntando o que significava a bolinha vermelha com o número 1.

Então, para quem não sabe, a partir da versão 2.5 (salvo engano) do Wordpress foi criado o diretorio de plugins wordpress e no painel de controle do blog se tornou possível atualizar os plugins, a bolinha vermelha com o número indica a quantidade de plugins instalados no blog com versão defasada.

Importante lembrar que instalado é diferente de ativado, para instalar um plugin basta coloca-lo dentro da pasta plugins.

O esquema das bolinhas vermelhas é utilizado, também, nos comentários e indica a quantidade de comentários que estão pendentes (aguardando moderação).

Veja um exemplo de como deverá ficar sua página se tudo correr bem.

Por questão de ordem, gosto, vamos trabalhar com 3 arquivos: jquery.js, sistema.js e teste.html.

Jquery.js – É o framework, você pode baixar na página oficial do jQuery.

sistema.js – Código javascript que diz o que deve ser feito.

teste.html – É a página html.

No arquivo HTML (teste.html) você vai chamar os dois “js”, criar 2 input do tipo button e atribui uma ID para cada um deles, criar uma DIV com uma classe e incluir uma imagem, a seu gosto, dentro desta DIV. Seu código deverá ficar mais ou menos assim:

Dentro da tag HEAD do arquivo HTML você vai chamar os JS assim:

1
2

<script src="jquery.js" type="text/javascript"></script>
<script src="sistema.js" type="text/javascript"></script>

1
2
3
4

<input type='button' id='fade_out' value='Sumir' />
<input type='button' id='fade_in' value='Aparecer' />
<br /><br />
<div class='foto'><img src='ENDEREÇO_DA_FOTO' /></div>

No arquivo do JavaScript vamos criar as funções responsáveis pela manipulação dos objetos HTML gerando os efeitos, escreve em sistema.js assim:

1
2
3
4
5
6
7
8

$(document).ready( function () {
$("#fade_out").click ( function () {
$(".foto").fadeOut(2000);
})
$("#fade_in").click ( function () {
$(".foto").fadeIn(2000);
})
});

Antes de ver os comentários do código, que segue abaixo, quero que abra o arquivo teste.html no seu navegador predileto (é carinha, com jquery não tem problema de ler em um browser e outro não) e teste o efeito.

A mágica acontece nessas 8 linhas do arquivo sistema.js, os jquery.js já vem pronto e você nã precisa alterar nada e o teste.html é bem básico, qualquer um com o mínimo conhecimento de HTML vai entender, sendo assim vou comentar apenas o sistema.js.

Linha 1 – Iniciamos quando fonte estiver carregado.
Linhas 2 e 3 – Quando o objeto com a ID fade_out receber um click executa a função que da o efeito fadeout no objeto cuja classe é “foto”. O parametro “2000″ indica a velocidade, em milesegundos, do efeito.
Linha 4 Fecha.
Linhas 5 e 6 Quando o objeto com a ID fade_in receber um click executa a função que da o efeito fadein no objeto cuja classe é “foto”.
Linhas 7 e 8 Fecha.

Simples não é? Veja um exemplo do efeito aqui, claro que dei uma estilizada com CSS pra ficar mais bonitinho…

O Rodrigo lançou um(a) serviço/ plugin/ ferramenta/ página, esta semana, chamado Juitter, que basicamente você instala, na sua página, e permite que os visitantes possam acompanhar, em tempo real, o que as pessoas estão falando no Twitter sobre determinado assunto. O grande diferencial do Juitter é a utilização do Framework JQuery que permite um efeito fantástico na atualização das mensagens.

Eu já tinha escutado falar do JQuery, Ajax e todas as possibilidades mas ainda não tinha “me apaixonado” por essas técnicas que permitem atualizar apenas algumas partes do código HTML, o Juitter foi a veredito final… preciso aprender essa porra!

Fui lendo aqui e ali e então chamei o Rodrigo no MSN, eu já atrapalho o Rodrigo a muito tempo então ele já tem uma certa noção do tamanho da montanha que esta entre mim e o conhecimento avançado de programação para WEB, e perguntei: com base no meu conhecimento você acha que já me é possível estudar Jquery?

Então comecei a ler, tentar e importunar… até que então consegui fazer aparecer na tela uma contagem, essa contagem vai mudando e quando chega em 10 ela passa a apagar o número mais antigo e incluir o mais novo no topo. Pode parecer uma coisa muito simples e sem utilidade mas quem conhece um pouco de HTML sabe que mudar informações sem recarregar a página não é tão simples assim. E tem mais, isso foi apenas para me dar noção de como funciona a manipulação de elementos via Jquery, as possibilidades, agora, são infinitas.

Vou compartilhar com vocês o que o Rodrigo me ensinou a fazer pois o Jobson certa vez me ensinou que devemos repassar gratuitamente tudo aquilo que aprendemos gratuitamente. Já viu que sou cheio de professores? O Bruno Alves, através de seus posts, me ensinou bastante sobre SEO, o Jobson com dicas de redirecionamento, o Fante de desenvolvimento… caralho.

Desenvolvendo uma aplicação simples com Jquery

Primeiro você precisa baixar o framework, pode acessa a página oficial do JQuery e fazer o download.

Feito isso crie um arquivo chamado sistema.php no mesmo diretorio que colocou o jquery.

Agora crie um novo arquivo chamado teste.html e dentro dele inclua uma tag ul com um id='teste' e antes da tag você vai chamar os dois arquivos JS, assim:

1
2

<script type="text/ecmascript" src="jquery.js"></script>
<script type="text/ecmascript" src="teste.js"></script>

Agora abra o arquivo sistema.js e escreva o código abaixo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

i=1;
function atualiza(){
  // adiciona LI no UL
  $("<li></li>")
    .html("mensagem de teste, vai se repetir "+i) 
    .attr('id', 'li'+i)
	.prependTo("#teste");
	//esconde o LI que adicionamos antes de mostrar com efeito
	$("#li"+i).hide();
 
	// mostra devagar
	$("#li"+i).fadeIn("slow");
	// testa para ver se já tem 10 registros
	if (i>10) {
	e = i-10;
	$("#li"+e).hide();
	}
	// adiciona mais 1 para gera sempre um id unico pros LI
   i++;	
  // manda rodar a funcao atualiza em 3 segundos	
  setTimeout(atualiza,3000);
}
 
$(document).ready(function(){
	atualiza();					   
});

Salve e abra o arquivo teste.html no browser, você deve ver uma contagem de teste…

Como eu estava estudando a api do Twitter resolvi criar um plugin, inicialmente, para usar aqui no blog, depois de pronto achei interessante compartilhar e então nasceu o Twittada.

O Twittada basicamente serve para mostrar no teu blog as coisas que você escreve no twitter, ele não foi desenvolvido com a intenção de ser o melhor de todos os plugins nem algo inovador, com a opção de modificar a cor do texto, largura do widget e escolher quantas mensagens você deseja exibir.

Instalando o Plugin Twittada

Para instalar o plugin Twittada você deve seguir os passos básicos de intalação, ativação, de plugins WordPress que, basicamente, consiste no upload do plugin para a pasta wp-content/plugins do seu blog e na ativação do mesmo através do menu Plugins do painel administrativo do seu blog.

Abaixo um passo a passo de instalação e configuração do plugin Twittada:

1 – Acesse o FTP do seu blog e faça o upload da pasta twittada para o diretorio wp-content/plugins do seu blog;

1.1 – Dentro da pasta twittada devem existir 5 arquivos: a) twittada.php; b) logo_twitter.png c) readme.txt d) leiame-txt e) sreenshot.jpg;

2 – Acesse o painel administrativo do seu blog e vá até o menu Plugins;

3 – Procure o plugin Twittada na lista e ative o plugin;

Após a instalação você deve configurar o plugin para ele começar a exibir corretamente no seu blog.

A configuração do plugin consiste na escolha do local onde as mensagens deverão aparecer no seu blog e em informar ao sistema o nome do usuário Twitter cujas mensagens você deseja exibir no blog e modificar a largura, cor da fonte e da borda para melhor adequação ao design do seu blog.

Existem duas formas para instalar e configurar o plugin, incluindo o código diretamente no template do seu blog ou através do menu widgets do WordPress.

1 – Após ativação do plugin acesse o menu Configurações >> Twittada;

2 – Preencha o formulário com os dados solicitados e salve as opções;

3 – Para incluir no tema você pode proceder de duas maneiras diferentes:

3.1 – MENU WIDGETS

A – Acesse o menu Design >> Widigets;
B – Encontre o widget Twittada e adicione na sidebar que desejar;
C – Salve as alterações.

3.2 – DIRETO NO TEMPLATE

A – Inclua o código no local onde as mensagens devem aparecer;

Download do Plugin Twittada

Se você baixar o plugin e quiser receber informações sobre atualizações deixe um comentário neste post que me encarregarei de avisar quando houver novas versões do plugin.

DOWNLOAD

Qualquer problema com o plugin pode entrar em contato que ajudarei na medida do possível, sugestões e criticas construtivas serão bem vindas e não esqueça de ler o leia-me.txt do plugin.

—
A equipe de desenvolvimento do plugin Twittada não se responsabiliza por nenhum problema ocasionado pela instalação do mesmo e, apesar de ajudar a resolver problemas com instalação, não tem obrigação de prestar suporte.

Conforme prometido estou começando a tirar as teias de aranha aqui do blog e dos outros projetos que dei inicio em 2008, uma coisa que deixei de fazer, e voltarei a fazer, é manter-me atento aos comentários nos blogs e e-mails enviados para tratar de responder a todos que ultrapassam a linha da idiotice seguindo em direção da colina da sensatez. Para exemplificar vai um tipo de comentário que não ultrapassa a linha da idiotice: “quero você na minha cama gostosa” – acredite, em textos caçaparaquedistas falando sobre mulheres comentários desse tipo são comuns e frequentes, não vou perder tempo explicando que não sou a Mulher Melancia, embora a barriguinha demonstre certa semelhança…rs

Vamos direto ao assunto, já enrolei muito. Montei um esquema de linkagem outro dia que gera diversos trackbacks e pings em alguns artigos que publico aqui, principalmente por causa dos posts relacionados, tenho textos com cerca de 35 trackbacks o que torna a leitura muito complexa, já não basta o tema que não contribui em nada.

Bom, resolvi pesquisar e encontrar um plugin para separar os comentários dos pings e trackbacks e como não achei plugin foi na mão grande mesmo, agora venho aqui apresentar para vocês a solução que encontrei, se quiser saber detalhes da operação pergunta nos comentários ou no formulário de contato.

Separando comentários dos trackbacks e pings no Wordpress

1 – Vá até o editor de themas no painel de administração do seu blog Wordpress e em seguida acesse o arquivo comments.php

2 – Procure a linha:

< ?php foreach($comments as $comment) : ? >

3 – Logo abaixo desta linha inclua o seguinte código:

< ?php if(get_comment_type() == “comment”) : ? >

4 – Vá descendo o código até encontrar a linha:

< ?php endforeach; ? >

logo acima desta linha inclua o seguinte código:

< ?php endif; ? >

Observação: Neste momento sua página já estará exibindo apenas os comentários, abaixo as instruções para mostrar os trackbacks e pingbacks logo abaixo dos comentários.

5 – No passo 4 você inseriu um código acima da linha:

< ?php endforeach; ? >

agora abaixo dela inclua o código:

< p > < strong > Pingbacks e Trackbacks </strong>< /p >
< ?php if($comments) : ? >
< ?php foreach($comments as $comment) : ? >
< ?php if((get_comment_type() == "pingback") || (get_comment_type() == "trackback"))
: ? >
< ?php comment_author_link() ? > < br / > < br / >
< ?php endif; ? >
< ?php endforeach; ? >
< ?php endif; ? >

Pronto, agora é só salvar o arquivo e conferir como ficou sua página com a separação de comentários e trackbacks.

[update]
Os espaços entre < e ? no código são desnecessários mas no post precisei fazer isso para que o código ficasse visível.