Script de descarga que muestre nombre de la entrada

AndroidZone

AndroidZone

Épsilon
Verificación en dos pasos activada
Verificado por Whatsapp
Buenas. Busco algun script gratuito o en venta que funcione en blogger o wordpress para un blog de descargas, la funcion que necesito es que la persona al dar clic en "descargar" los mande al enlace de descarga pero que en esta pagina diga el nombre del programa. Si aoguien sabe de alguno en venta o gratuito se los agradeceria, saludos.
 
Crea una pagina dentro de blogger tipo :
Insertar CODE, HTML o PHP:
https://tublog.blogspot.com/p/descargando.html
en el contenido pon
HTML:
<div style="text-align: center; margin-top: 50px;">
  <h1>Estás a punto de descargar:</h1>
  <h2 id="fileName" style="color: #007bff;">Cargando...</h2>
  <p>Tu descarga comenzará en <span id="countdown">10</span> segundos.</p>
  <a id="downloadButton" href="#" style="display: none; padding: 10px 20px; background-color: #28a745; color: white; text-decoration: none; border-radius: 5px;">Descargar ahora</a>
</div>

<script type="text/javascript">
  // Obtiene los parámetros de la URL
  var params = new URLSearchParams(window.location.search);
  var url = params.get('url');
  var name = params.get('name');

  // Muestra el nombre del archivo
  if (name) {
    document.getElementById('fileName').textContent = name;
  }

  // Botón de descarga y cuenta regresiva
  var countdownElement = document.getElementById('countdown');
  var downloadButton = document.getElementById('downloadButton');
  var seconds = 10;

  var countdownInterval = setInterval(function() {
    seconds--;
    countdownElement.textContent = seconds;
    if (seconds <= 0) {
      clearInterval(countdownInterval);
      window.location.href = url; // Redirige al enlace final
    }
  }, 1000);

  // Asigna el enlace de descarga al botón por si el usuario quiere hacer clic
  if (url) {
    downloadButton.href = url;
    // Muestra el botón por si la redirección falla
    setTimeout(function() {
      downloadButton.style.display = 'inline-block';
    }, 5000); // Muestra el botón después de 5 segundos
  }
</script>

Cuando quieras insertar el botón de descarga, cambia al modo Vista HTML en el editor de entradas.
Pega el siguiente código para crear el botón:
HTML:
<a href="#" onclick="goToDownload(this); return false;" data-url="ENLACE_DE_DESCARGA_DIRECTO" data-name="NOMBRE_DEL_PROGRAMA">
  <button style="padding: 12px 25px; font-size: 16px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer;">
    Descargar
  </button>
</a>


Finalmente, necesitas añadir una pequeña función JavaScript a la plantilla de tu blog para que el botón funcione.

  1. En tu panel de Blogger, ve a Tema.
  2. Haz clic en el botón con los tres puntos y selecciona Editar HTML.
  3. Busca la etiqueta <body> (suele estar casi al final del código).
  4. Justo antes de la etiqueta </body> pega el siguiente script:
JavaScript:
<script>
//<![CDATA[
function goToDownload(element) {
  var downloadUrl = element.getAttribute('data-url');
  var fileName = element.getAttribute('data-name');
  var pageUrl = "URL_DE_TU_PAGINA_DE_DESCARGA"; // <-- ¡Pega aquí la URL que guardaste!
 
  // Codificamos los parámetros para que funcionen en la URL
  var finalUrl = pageUrl + "?url=" + encodeURIComponent(downloadUrl) + "&name=" + encodeURIComponent(fileName);
 
  window.location.href = finalUrl;
}
//]]>
</script>

Si no explota tu blog con todo eso, me avisas
 
Atrás
Arriba