Descarga Landing R.Madrid vs Atlético D.M Blogger

Mensajes
141
Puntuación de reacción
0
cover.png


DEMO ONLINE

Bueno como lo mas hablado de hoy fue lo del nicho del Real madrid vs Atlético de Madrid les cree una landing page simple para blogger lo bueno es que pueden recibir 1000000000 visitas y no se caerá ya que es blogger :sisi1: se trata del clásico error de adobe flash :rolleyes:

primero descargamos
You must reply before you can see the hidden data contained here.
Copiamos todo el código y lo pegamos en Plantilla --> Editar HTML (borran todo el código que este por defecto)

lo siguiente es ir a Diseño ---> HTML/JavaScript y damos clic en Editar y pegaremos el siguiente código
Código:
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/57mbg9dz1kswgxl/site_global.css"/>
  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/wb59kl073km7hmc/index.css" id="pagesheet"/>
  <!-- Other scripts -->
  <script type="text/javascript">
   document.documentElement.className += ' js';
</script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "53624a08-b9d4-4d2f-ba38-ce34790e97cf", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
 <div class="rounded-corners clearfix" id="page"><!-- column -->
   <div class="position_content" id="page_position_content">
    <div class="clip_frame colelem" id="u108"><!-- image -->
     <img class="block" id="u108_img" src="https://dl.dropboxusercontent.com/s/4kvnx9tmifl77rw/textoinicio.png" alt="" width="920" height="84"/>
    </div>
    <div class="clip_frame clearfix colelem" id="u87"><!-- image -->
     <div id="u87_clip">
      <img class="position_content" id="u87_img" src="https://dl.dropboxusercontent.com/s/catkzgecmmxykgg/real-madrid-vs-atletico-de-madrid.png" alt="" width="565" height="200"/>
     </div>
    </div>
    <div class="rounded-corners clearfix colelem" id="u123"><!-- group -->
     <div class="clearfix grpelem" id="u124-6"><!-- content -->
      <p>Empieza a ver el partido en VIVO dando clic en</p>
      <p>⇩⇩⇩⇩⇩⇩⇩"PLAY"⇩⇩⇩⇩⇩⇩⇩</p>
     </div>
    </div>
    <div class="colelem" id="u116"><!-- custom html -->
     <script type="text/javascript">
  //
  // Editable Veriables Start:
  //
  ppiplayer_max_width = '790px'; // The maximun width of the player. Has to be in pixels (example: '940px').
  ppiplayer_bg = 'http://cdnhef.batanga.bz/wp-content/uploads/2013/09/Real-Madrid-vs-Atl%C3%A9tico-e1380407769546.jpg'; // The cover of the video. Needs to be an image path or url.
  ppiplayer_error_title = 'A plugin is missing'; // The title for missing plugin.
  ppiplayer_error_download_text = 'Click here to download plugin'; // The text for download link.
  ppiplayer_error_download_url = '#'; // The url for your PPI download (example: 'http://www.skayon.com/freebies').
  ppiplayer_error_download_url_target = '_self'; // Where to open download url ('_blank' = new tab or window, '_self' = the same window).
  //
  // Editable Veriables End.
  //
</script>

<style type="text/css"> .ppiplayer-container { padding-top: 56.25%; background-size: cover; -moz-background-size: cover; background-position: center; z-index: 1; } .ppiplayer-container-error { padding-top: 56.25%; background-image: url('http://imageshack.com/a/img850/515/5s0k.png'); z-index: 1; } .ppiplayer-inner { position: relative; margin: -33% auto; text-align: center; z-index: 2; } .ppiplayer-play { background: url('https://dl.dropboxusercontent.com/s/uipb8ljg4h13qsc/player.png') no-repeat; width: 86px; height: 80px; cursor: pointer; margin: 0 auto; } .ppiplayer-play:hover { background: url('https://dl.dropboxusercontent.com/s/uipb8ljg4h13qsc/player.png') no-repeat -86px; } .ppiplayer-error { background: url('http://imageshack.com/a/img842/7021/d1xv.png') no-repeat; width: 86px; height: 80px; margin: 0 auto; } .ppiplayer-error-text p { font-size: 20px; margin: 10px auto; color: #fff; } .ppiplayer-error-text a { font-size: 22px; color: #fff; text-decoration: underline; display: block; } .ppiplayer-hidden { display:none!important; visibility:hidden!important; }
 </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">$(document).ready(function(){$("#ppiplayer").attr("style","max-width:"+ppiplayer_max_width);$(".ppiplayer-container").attr("style","background-image:url("+ppiplayer_bg+")");$(".ppiplayer-error-text").addClass("ppiplayer-hidden");$("#ppiplayer-error-title").html(ppiplayer_error_title);$("#ppiplayer-download").html(ppiplayer_error_download_text);$("#ppiplayer-download").attr("href",ppiplayer_error_download_url);$("#ppiplayer-download").attr("target",ppiplayer_error_download_url_target);$(".ppiplayer-play").click(function(){$(".ppiplayer-container").attr("style","background-image:url(http://imageshack.com/a/img850/515/5s0k.png)");$(".ppiplayer-container").attr("class","ppiplayer-container-error");$(".ppiplayer-play").attr("class","ppiplayer-error");$(".ppiplayer-error-text").removeClass("ppiplayer-hidden");})})</script> <div id="ppiplayer" style="max-width:790px"> <div class="ppiplayer-container"> <div class="ppiplayer-inner"> <div class="ppiplayer-play"></div> <div class="ppiplayer-error-text"> <p id="ppiplayer-error-title">Click below to read more about</p> <a id="ppiplayer-download" href="http://www.skayon.com/freebies/ppiplayer.php" target="_self">PPI Player</a> </div> </div> </div> </div>

</div>
    <div class="colelem" id="u127"><!-- custom html -->
     <span class='st_sharethis_hcount' displaytext='ShareThis'></span>
<span class='st_facebook_hcount' displaytext='Facebook'></span>
<span class='st_twitter_hcount' displaytext='Tweet'></span>
<span class='st_linkedin_hcount' displaytext='LinkedIn'></span>
<span class='st_email_hcount' displaytext='Email'></span>

</div>
    <div class="verticalspacer"></div>
   </div>
  </div>
  <!-- JS includes -->
  <script type="text/javascript">
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script type="text/javascript">
   window.jQuery || document.write('\x3Cscript src="https://dl.dropboxusercontent.com/s/cy1w2mpk2act5ob/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script src="https://dl.dropboxusercontent.com/s/vjghqrz0vnhy4b8/museutils.js" type="text/javascript"></script>
  <script src="https://dl.dropboxusercontent.com/s/o8hl8nl709o959h/jquery.musepolyfill.bgsize.js" type="text/javascript"></script>
  <script src="https://dl.dropboxusercontent.com/s/9evvys8rhooj74e/jquery.watch.js" type="text/javascript"></script>
  <!-- Other scripts -->
  <script type="text/javascript">
   $(document).ready(function() { try {
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
</script>

Luego tendremos que ir al Diseñador de plantillas ---> Avanzado ----> Añadir css y pegamos lo siguiente:
Código:
body {
background: url(https://dl.dropboxusercontent.com/s/xuzohayfnwkpp3c/estadio%20santiago%20bernabeu%20%285%29.jpg) no-repeat center center fixed;
background-size: cover;
margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Listo ya tendremos nuestra landing :mola:

aqui les dejo todo lo usado para que puedan cambiar el texto y la puedan personalizar al 100%, los puedes descargar
You must reply before you can see the hidden data contained here.
 
Última edición por un moderador:
Mensajes
195
Puntuación de reacción
0
Gracias.. la estoy aplicando !!

- - - Actualización- - -

Para tu respuesta ... creo q es esta ppiplayer_error_download_url = '#'; // The url for your PPI download (example: 'http://www.skayon.com/freebies'). cambias donde esta el Numeral #
 

virtuoso

Cobre
Usuario de Bronce
Mensajes
607
Puntuación de reacción
1
@Alexisx

Esta muy bonito amigo, pero te falto un tutorial para cambiar nuestro link de afiliado.

Soy muy novato, me puedes indicar donde cambio el link.

Un fuerte abrazo!
 
Última edición:

Juan Muñoz

Piedra
Usuario de Piedra
Mensajes
51
Puntuación de reacción
0
Gracias.. la estoy aplicando !!

- - - Actualización- - -

Para tu respuesta ... creo q es esta ppiplayer_error_download_url = '#'; // The url for your PPI download (example: 'http://www.skayon.com/freebies'). cambias donde esta el Numeral #

Gracias :D
 
Mensajes
141
Puntuación de reacción
0
@Alexisx

Esta muy bonito amigo, pero te falto un tutorial para cambiar nuestro link de afiliado.

Soy muy novato, me puedes indicar donde cambio el link.

Un fuerte abrazo!

Busca con Ctrl + F lo siguiente:

ppiplayer_error_download_url = '#'; // The url for your PPI download (example: 'http://www.skayon.com/freebies').

donde esta # en rojo es donde debes colocar tu link, siempre desde Diseño --> HTML/JavaScript :mola:
 
Mensajes
346
Puntuación de reacción
1
Muy bueno @Alexisx ya esta funcionando @Juan Muñoz en el JavaScript cambias # por tu url de tu CPA, saludos
 

Raivens

Platino
Usuario de Bronce
Mensajes
1,619
Puntuación de reacción
0
@Alexisx te felicito, me gusto mucho :D

Gracias.
 
Mensajes
204
Puntuación de reacción
0
Ya tengo la landing 0KM ahora me falta la empresa de CPA jajajaj
 
Mensajes
141
Puntuación de reacción
0
Espero que les valla bien con la landing :cool:

- - - Actualización- - -

Ya tengo la landing 0KM ahora me falta la empresa de CPA jajajaj

puedes utilizar cpa o ppd, si te animas a utilizar ppd te recomiendo sharecash :number1:
 
Mensajes
71
Puntuación de reacción
0
Hola @Alexisx , muchas gracias por el aporte, eres un genio :)
Voy a modificar la landing para añadir otro partido próximo. Lo que no entiendo bien es de dónde sacar mi link. Pretendo hacerlo con adtual, busco "futbol", y escojo una de las opciones que se me dan, y a continuación copio el enlace tracking, ¿verdad?

Gracias por adelantado.
 
Mensajes
222
Puntuación de reacción
1
Gracias.. la estoy aplicando !!

- - - Actualización- - -

Gracias..buen post
 
Arriba