Tutorial: Crear landing pages para CPA en Blogger

Peter Sandoval Seguir

1
Eta
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Desde
18 Feb 2013
Mensajes
1.355
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:

xyoshix

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Ago 2014
Mensajes
101
Justamente lo que necesitaba. Muchas gracias brother. Te luciiisssteeeeeeeeeeeeee!!!!!!!!!!! :devilish:
 

Alberto Machado

1
Eta
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Suscripción a IA
Desde
26 Ene 2013
Mensajes
1.408
Peter Un MAESTROOOOOO!!!!!! Gracias, vamos a ver si ami me sale:encouragement:
 

snakehs

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Abr 2013
Mensajes
81
gracias muy buen tuto . ojala algun dia puedas hacer un tuto que no sea solamente para blogger.
 

santagloria40

Gamma
Redactor
Desde
15 Abr 2014
Mensajes
351
Este tiene que ser uno de los tutoriales mas explicativo que se halla escrito, excelente tienes mi me agrada..:encouragement::encouragement::encouragement::encouragement::encouragement:
 

tonydalys

1
Pi
Marketing
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
7 Nov 2011
Mensajes
6.486
excelente tuto para landins en blogger y CPA :D
 

Marco Grados

No recomendado
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
20 Abr 2013
Mensajes
6.822
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Excelente aporte :encouragement:
 

anferro

1
Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
29 Oct 2011
Mensajes
4.552

cybertec

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
6 Ago 2014
Mensajes
1.167
Mi héroe, mas facil no puedo pedir.
gracias por el aporte. :encouragement:
 

LuisSEO

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jun 2014
Mensajes
74
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Excelente directo para favoritos gracias Peter
 

xerorx

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 Feb 2013
Mensajes
342
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.
 

LuiggiC

Ómicron
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
27 Jul 2014
Mensajes
4.555
Muchísimas gracias, realmente el mejor tutorial que he visto en Forobeta :encouragement:
 

Poka

VIP
Iota
Social Media
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
24 Sep 2012
Mensajes
2.421
Arriba