Lomadee
Escrito por Lomadee

Como monetizar o seu Tumblr

Em meados do mês passado o Tumblr conseguiu ultrapassar o WordPress.com em número de blogs. O Tumblr se intitula uma plataforma de microblogging e possui apenas 4 anos de mercado, do outro lado o WordPress.com é uma plataforma completa de blogs e tem 8 anos de estrada.

Pensando nisso, criamos um tutorial explicando como inserir banners e, assim, monetizar o seu blog no Tumblr, utilizando o programa de afiliados da Plataforma Lomadee.

1. Criação de perfil na Lomadee

O primeiro passo a ser tomado é criar um perfil na Lomadee e cadastrar o seu site. Para isso, acesse www.lomadee.com.br e siga os passos para se cadastrar.

Uma vez cadastrado, vá na aba “Minha conta” e cadastre o seu Tumblr. Esse cadastro depende de análise e aprovação da equipe Lomadee e pode levar cerca de 24 horas para ser concluído.

2. Gerando o código do banner

Logado em sua conta Lomadee, acesse a aba “Aplicativos”

Selecione o aplicativo de banners que queira usar e clique em gerar código. Neste tutorial usamos o aplicativo Banners.

Siga todos os passos para a criação do banner. Para o Tumblr, recomendamos o tamanho 160×600. Copie o código gerado e vamos para o Tumblr.

3. Inserindo o banner

Acesse o Dashboard do seu Tumblr, clique em Preferences, e no canto direito superior da sua tela, clique no botão “Customize your blog”.

Abrirá uma tela com um exemplo do seu layout com uma barra superior, contendo algumas opções. Clique na opção “Theme”.

No menu, aparecerão vários temas e na parte inferior, dois botões. Clique em “Use custom HTML”.

Aparecerá o código HTML do seu Tumblr. Localize o final do bloco Twitter, que é identificado pelas tag {/block:Twitter}

e cole o código gerado pela Lomadee.

Feito isso, basta apenas salvar as alterações no botão “Save+close” na barra superior.

Pronto! O seu Tumblr agora já possui um Banner de anúncios e você já pode ganhar com eles!

Dica: Em alguns temas o banner pode ficar um pouco desalinhado para a esquerda. Para corrigir esse problema, inserira dentro da primeira <div> que foi gerada pela Lomadee, o atributo CSS margin-left:XXpx; onde XX é a quantidade de pixels que você quer que o banner mova para a esquerda. Ficando assim:
Trecho de código original

1 <div style=”width:160px;height:600px;overflow:hidden;”>

Trecho de código modificado

1 <div style=”margin-left:20px;width:160px;height:600px;overflow:hidden;”>

Have Fun!!

Escrito por Alê Borba (iMasters).