Tutorial: Criar landing pages para CPA no Blogger

  • Autor Autor Peter Sandoval
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
Peter Sandoval

Peter Sandoval

1
Eta
Verificación en dos pasos activada
Suscripción a IA
banner01d.png

banner02.png


Olá betas, no meu primeiro tutorial vou ensinar como criar landing pages para CPA usando o Blogger (host e domínio grátis), eu venho usando isso há muito tempo e, em comparação com usar um link direto, minhas conversões aumentaram muito (ganhos diários de US $5 a US $15 ou mais), espero que seja útil, aqui vocês podem ver algumas demos minhas:

demo5d817.png


​

banner01.png


1- Criar um blog no Blogger e selecionar o modelo Picture Window.
paso01.png


2- Excluir widget de Reconhecimento.

Modelo > Editar HTML > Ir ao widget > Attribution 1 > Alterar true para false
paso09.png


3- Excluir widgets.

Layout > Ocultar barra de navegação, Excluir dados pessoais, Arquivo do blog e Reconhecimento.
paso02.png


4- Excluir sidebar.

Layout > Designer de modelo
paso03.png


Layout > Selecionar o primeiro layout de uma única coluna (Layout do corpo do blog) e o primeiro layout para o rodapé (Layout de rodapé).

paso04.png


5- Excluir Página principal e Inscrever-se em: Postagens (Atom).

Modelo > Editar HTML > Ctrl+F > Buscar e excluir as seguintes linhas:

<data:feedLinksMsg/>
paso05.png


<data:f.name/> (<data:f.feedType/>)
paso06.png


<data:homeMsg/>
paso07.png


6- Excluir título das postagens.

Modelo > Editar HTML > Ctrl+F > Buscar ]]></b:skin> e logo antes colar:

.post-title.entry-title {
display: none;}

paso08.png


7- Configurar postagens do blog.
Layout > Postagens do blog > Editar > Desmarcar tudo.

paso10.png


8- Centralizar logo.
Modelo > Editar HTML > Ctrl+F > Buscar ]]></b:skin> e logo antes colar:

.header .widget {
text-align:center;}
.header img {margin:0 auto;}

paso13.png


9- Alterar cor de fundo do rodapé.

Modelo > Editar HTML > Ctrl+F > Buscar a primeira URL e substituir pela segunda:

http://www.blogblog.com/1kt/transparent/black50.png
http://www.blogblog.com/1kt/transparent/white80.png

paso22.png


10- Adicionar favicon.

Layout > Favicon > Editar

paso21.png


banner029a2a5.png


1- Alterar o fundo.

Layout > Editar HTML > Ctrl+F > Buscar e substituir pela URL do seu fundo (tamanho recomendado 1920x1080):

//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa
paso11.png


2- Alterar o logo.

Layout > Cabeçalho > Editar > Colar a URL do logo e selecionar a opção Em vez do título e da descrição:

paso12.png


3- Cores de fundo e outros detalhes.

Layout > Designer de modelo > Avançado > Alterar as cores pelas seguintes:

Fundos
Fundo externo: #ff0000
Fundo do cabeçalho: transparent
Fundo da postagem: transparent

Links
Cor do link: #336699
Cor do link visitado: #6699cc
Cor do link quando o mouse é colocado sobre ele: #32aaff

Postagem
Cor do texto do rodapé: #999999
Cor da borda: transparent

Rodapé
Cor do texto: transparent
Cor do título do gadget: transparent

Links de rodapé
Cor do link: transparent
Cor do link visitado: transparent
Cor do link quando o mouse é colocado sobre ele: transparent

paso14.png


banner03.png


1- Criar uma postagem.

Postagens > Criar uma nova postagem.
paso15.png


2- Descrição e vídeo em autoplay.

Copiar, colar e substituir.
HTML:
<center>
Reseña ó descripción del hack (2 párrafos es suficiente).
<iframe __idm_id__="222209" allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/ID del video de youtube?controls=0;showinfo=0&amp;autoplay=1" width="560"></iframe><br />
</center>
paso16.png


3- Escaneamento do Virustotal (análise de vírus).

Copiar, colar e substituir.
HTML:
<center>
<a href="URL del análisis de virustotal"><img src="http://i.imgur.com/Pg75ym6.png" /></a>&nbsp;</center>
paso17.png


4- Script hack atualizado hoje.

Copiar, colar e substituir.
HTML:
<center>
<span style="color: red;"><center>
<span style="color: red;">The Candy Crush Saga Hack was last updated today at 
<script language="Javascript">
<!--
var now = new Date

document.write(now.getDate() + "/" + (now.getMonth()+1) + "/" + now.getFullYear())

//-->
</script>
</span></center> last updated today at 
<script language="Javascript">
<!--
var now = new Date

document.write(now.getDate() + "/" + (now.getMonth()+1) + "/" + now.getFullYear())

//-->
</script>
</span></center>
paso18.png


5- Botão para baixar.

Copiar, colar e substituir.
HTML:
<center>
<a href="URL de tu campaña CPA/PPD/PPI"><img border="0" src="URL de tu botón"/></a></center>
paso19.png


6- Script de votações falsas.

Copiar, colar e substituir.
HTML:
<center><script type="text/javascript">
var voted = false;

function vote() {
    if (!voted) {
		alert("Thank you for voting.");
        voted = true;
    } else {
	alert("You have already voted.");
	}
}
</script>

<div>
Does this tool work?<br />
<br />
<input onclick="vote();" type="button" value="YES" />
<input onclick="vote();" type="button" value="NO" /><br />

<p>Results:</p>
Yes: <span style="border-radius: 10px; background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 21%, #207cca 56%, #2989d8 83%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(21%,#2989d8), color-stop(56%,#207cca), color-stop(83%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span> <span style="display: inline-block;"> &nbsp;(1,235 Votes)</span><br />
No:&nbsp; <span style="border-radius: 10px; background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 21%, #207cca 56%, #2989d8 83%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(21%,#2989d8), color-stop(56%,#207cca), color-stop(83%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 21%,#207cca 56%,#2989d8 83%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span> <span style="display: inline-block;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(120 Votes)</span>


</div></center>

7- Captura do hack.

Buscar no Google imagens o nome do jogo + hack tool (por exemplo candy crush hack tool):

paso20.png


Copiar, colar e substituir.
HTML:
<div style="text-align: center;">
<br />
<img src="URL de la imagen del hack" /></div>
banner04.png


Se não quiserem fazer vocês mesmos, podem baixar o modelo e a postagem que fiz para este tutorial:

1- Modelo Landing Page.

Baixar, subir, excluir widgets, alterar fundo, logo e favicon.
http://www.mediafire.com/download/054lt0l6b11ln05/Plantilla_Landing_Page.rar

2- Postagem Landing Page.

Baixar, copiar, colar e substituir dependendo do seu nicho.
http://www.mediafire.com/download/q3bo6aujws19uol/Entrada_Landing_Page.rar

3- Botões Landing Page.
https://www.mediafire.com/?1ajqf126pg9x1kg

Isso foi tudo, qualquer pergunta podem deixar no tópico, se foi útil me dê um "CURTIR".
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Muito bom :encouragement:
 
Justamente o que eu precisava. Muito obrigado brother. Você arrasou!!!!!!!!!!! :devilish:
 
Peter UM MESTRE!!!!!! Obrigado, vamos ver se eu consigo:encouragement:
 
obrigado muito bom tuto . tomara que algum dia você possa fazer um tuto que não seja somente para blogger.
 
Este tem que ser um dos tutoriais mais explicativos que já foram escritos, excelente você tem o meu curtir..:encouragement::encouragement::encouragement::encouragement::encouragement:
 
excelente tuto para landings no blogger e CPA 😀
 
Excelente contribuição :encouragement:
 
Muito boa contribuição
 
muito bom, deixo o meu curtir
 
Meu herói, mais fácil impossível. obrigado pela contribuição. :encouragement:
 
Excelente tutorial, agora mesmo criarei minha landing 😉
 
Excelente direto para favoritos obrigado Peter
 
Muito bom, muito obrigado, será de muita ajuda 🙂
 
Tutorial nota 10, parabéns cara :encouragement:
 
em um fórum gringo vi algo parecido, inclusive utilizavam o mesmo template, porém não entendi 100%.

Mas com o seu tutorial é outra coisa, excelente tutorial.
 
Muito obrigado, realmente o melhor tutorial que já vi no ForoBeta :encouragement:
 
Alguma demo ? abraços
 
Genial, vou testar!
 
Voltar
Topo