أضافة صفحة تحويل الروابط الخارجية لقالب بلوجر

<title>جاري التحويل...</title>
<style>
.box{background:#fff;padding:30px;text-align:center;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1)}
.progress-text{font-size:40px;font-weight:700;color:#4276eb;margin-bottom:33px;text-align:center;direction:ltr;letter-spacing:1px;animation:pulse 1.2s infinite}
.progress{width:100%;height:16px;background:#e0e0e0;border-radius:50px;overflow:hidden}
.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#2560e2,#77c0fa);border-radius:50px;transition:width .2s linear}
#goBtn{margin-top:20px;display:none;padding:10px 24px;background:linear-gradient(90deg,#2560e2,#054b83);color:#fff;text-decoration:none;border-radius:8px}
</style>

<div class="box">
  <div class="progress-text"><span id="percent">0</span>%</div>
  
  <div class="progress">
    <div class="progress-bar" id="bar"></div>
  </div>
  <a href="#" id="goBtn">الانتقال الآن</a>
</div>

<script>
var seconds = 10;

var bar = document.getElementById("bar");
var percentText = document.getElementById("percent");
var btn = document.getElementById("goBtn");

var params = new URLSearchParams(window.location.search);
var targetUrl = params.get("url");

if (!targetUrl) {
  btn.innerText = "لا يوجد رابط للانتقال";
}

var duration = seconds * 1000;
var startTime = Date.now();

var smoothTimer = setInterval(function () {
  var elapsed = Date.now() - startTime;
  var progress = Math.min(elapsed / duration, 1);
  var percent = Math.floor(progress * 100);

  bar.style.width = (progress * 100) + "%";
  percentText.innerText = percent;

  if (progress >= 1) {
    clearInterval(smoothTimer);

    if (targetUrl) {
      btn.href = targetUrl;           
      btn.style.display = "inline-block";

      // window.location.href = targetUrl;
    }
  }
}, 50);
</script>

var seconds = 10;

<script type='text/javascript'>

//<![CDATA[

// رابط صفحة التحويل

var redirectPage = "xxxxxxxxxxxxxxxxxx";

// دومين المدونة فقط بدون https

var myDomain = "xxxxxxxxxxxxxxxxxxx";

// روابط السوشيال ميديا المستثناة

var socialDomains = [

  "facebook.com",

  "fb.com",

  "twitter.com",

  "x.com",

  "instagram.com",

  "youtube.com",

  "youtu.be",

  "tiktok.com",

  "linkedin.com",

  "whatsapp.com",

  "telegram.me",

  "t.me"

];

document.addEventListener("DOMContentLoaded", function () {

  var links = document.getElementsByTagName("a");

  for (var i = 0; i < links.length; i++) {

    (function (link) {

      var href = link.getAttribute("href");

      if (!href || !href.startsWith("http")) return;

      if (href.indexOf(myDomain) !== -1) return;

      for (var s = 0; s < socialDomains.length; s++) {

        if (href.indexOf(socialDomains[s]) !== -1) return;

      }

      if (href.indexOf("#") !== -1) return;

      link.addEventListener("click", function (e) {

        e.preventDefault();

        window.location.href =

          redirectPage + "?url=" + encodeURIComponent(href);

      });

    })(links[i]);

  }

});

//]]>

</script>

ملاحظة

// رابط صفحة التحويل

var redirectPage = "xxxxxxxxxxxxxxxxxx";

// دومين المدونة فقط بدون https

var myDomain = "xxxxxxxxxxxxxxxxxxx";