Tutorial: Crear landing pages para CPA en Blogger

  • Autor Autor Peter Sandoval
  • Fecha de inicio Fecha de inicio
Peter Sandoval

Peter Sandoval

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

banner02.png


Hola betas, en mi primer tutorial les enseñaré como crear landing pages para CPA usando Blogger (host y dominio gratis), yo lo vengo usando hace mucho tiempo, y, a comparación de usar un link directo, mis conversiones han aumentado mucho (ganancias diarias de US $5 a US $15 o más), espero que les sirva, aquí pueden ver unas demos mías:

demo5d817.png



banner01.png


1- Crear un blog en blogger y seleccionar la plantilla Picture Window.
paso01.png


2- Eliminar widget de Reconocimiento.

Plantilla > Editar HTML > Ir al widget > Attribution 1 > Cambiar true por false
paso09.png


3- Eliminar widgets.

Diseño > Ocultar barra de navegaión, Eliminar datos personales, Archivo del blog y Reconocimiento.
paso02.png


4- Eliminar sidebar.

Diseño > Diseñador de plantillas
paso03.png


Diseño > Seleccionar el primer diseño de una sola columna (Diseño del cuerpo del blog) y el primer diseño para el footer (Diseño de pie de página).

paso04.png


5- Eliminar Página principal y Suscribirse a: Entradas (Atom).

Plantilla > Editar HTML > Ctrl+F > Buscar y eliminar las siguientes lineas:

<data:feedLinksMsg/>
paso05.png


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


<data:homeMsg/>
paso07.png


6- Eliminar titulo de las entradas.

Plantilla > Editar HTML > Ctrl+F > Buscar ]]></b:skin> y justo antes pegar:

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

paso08.png


7- Configurar entradas del blog.
Diseño > Entradas del blog > Editar > Desmarcar todo.

paso10.png


8- Centrar logo.
Plantilla > Editar HTML > Ctrl+F > Buscar ]]></b:skin> y justo antes pegar:

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

paso13.png


9- Cambiar color de fondo del footer.

Plantilla > Editar HTML > Ctrl+F > Buscar la primera URL y reemplazar por la segunda:

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

paso22.png


10- Agregar favicon.

Diseño > Favicon > Editar

paso21.png


banner029a2a5.png


1- Cambiar el fondo.

Diseño > Editar HTML > Ctrl+F > Buscar y reemplazar por la URL de tu fondo (tamaño recomendado 1920x1080):

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


2- Cambiar el logo.

Diseño > Cabecera > Editar > Pegar la URL del logo y seleccionar la opción En lugar del título y la descripción:

paso12.png


3- Colores de fondo y otros detalles.

Diseño > Diseñador de plantillas > Avanzado > Cambiar lo colores por los siguientes:

Fondos
Fondo exterior: #ff0000
Fondo de la cabecera: transparent
Fondo de la entrada: transparent

Enlaces
Color del enlace: #336699
Color de enlace visitado: #6699cc
Color del enlace cuando se coloca el ratón sobre él: #32aaff

Entrada
Color del texto del pie de página: #999999
Color del borde: transparent

Pie de página
Color del texto: transparent
Color del título del gadget: transparent

Enlaces a pie de página
Color del enlace: transparent
Color de enlace visitado: transparent
Color del enlace cuando se coloca el ratón sobre él: transparent

paso14.png


banner03.png


1- Crear una entrada.

Entradas > Crear una entrada nueva.
paso15.png


2- Descripción y video en autoplay.

Copiar, pega y reemplazar.
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- Scaneo de Virustotal (analísis de virus).

Copiar, pega y reemplazar.
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 actualizado hoy.

Copiar, pega y reemplazar.
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ón para descargar.

Copiar, pega y reemplazar.
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 votaciones falsas.

Copiar, pega y reemplazar.
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 del hack.

Buscar en Google imágenes el nombre del juego + hack tool (por ejemplo candy crush hack tool):

paso20.png


Copiar, pegar y reemplazar.
HTML:
<div style="text-align: center;">
<br />
<img src="URL de la imagen del hack" /></div>

banner04.png


Si no quieren hacerlo ustedes mismos, pueden descargar la plantilla y entrada que hice para este tutorial:

1- Plantilla Landing Page.

Descargar, subir, eliminar widgets, cambiar fondo, logo y favicon.
http://www.mediafire.com/download/054lt0l6b11ln05/Plantilla_Landing_Page.rar

2- Entrada Landing Page.

Descargar, copiar, pegar y reemplazar dependiendo de tu nicho.
http://www.mediafire.com/download/q3bo6aujws19uol/Entrada_Landing_Page.rar

3- Botones Landing Page.
https://www.mediafire.com/?1ajqf126pg9x1kg

Eso fue todo, cualquier pregunta la pueden dejar en el hilo, si te sirvió regálame un "ME AGRADA".
 
Última edición:
Muy bueno :encouragement:
 
Justamente lo que necesitaba. Muchas gracias brother. Te luciiisssteeeeeeeeeeeeee!!!!!!!!!!! :devilish:
 
Peter Un MAESTROOOOOO!!!!!! Gracias, vamos a ver si ami me sale:encouragement:
 
gracias muy buen tuto . ojala algun dia puedas hacer un tuto que no sea solamente para blogger.
 
Este tiene que ser uno de los tutoriales mas explicativo que se halla escrito, excelente tienes mi me agrada..:encouragement::encouragement::encouragement::encouragement::encouragement:
 
excelente tuto para landins en blogger y CPA 😀
 
Excelente aporte :encouragement:
 
Muy buen aporte
 
muy bueno te dejo mi agrada
 
Mi héroe, mas facil no puedo pedir.
gracias por el aporte. :encouragement:
 
Excelente tutorial, ahora mismo creare mi landing 😉
 
Excelente directo para favoritos gracias Peter
 
Buenisimo,muchas gracias ,sera de mucha ayuda 🙂
 
Tutorial de 10 puintos, te felicito man :encouragement:
 
en un foro gringo vi algo patecido, incluso utilizaban la misma plantilla, sin embargo no lo entendi al 100.

Pero con tu tutorial es otra cosa, excelente tutorial.
 
Muchísimas gracias, realmente el mejor tutorial que he visto en Forobeta :encouragement:
 
Alguna demo ? saludos
 
Genial, a probarlo!
 
Atrás
Arriba