- Mensajes
- 141
- Puntuación de reacción
- 0
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
primero descargamos
You must reply before you can see the hidden data contained here.
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: