انشاء صفحة انتظار او اعادة توجيه الروابط الخارجية

يعني إنشاء صفحة إعادة توجيه Blogger او صفحة تنزيلات الفلفات الخارجية أنه عندما ينقر شخص ما على رابط في موقعك، تتم إعادة توجيهه إلى صفحة أخرى على موقعك لبضع ثوان قبل نقله إلى الرابط الذي يريده. غير العديد من المزايا، مثل القدرة على إبقاء الزوار على موقعك لفترة أطول، ازدياد ارباح جوجل ادسنس.

صفحة اعادة توجيه روابط بلوجر

قم بإنشاء صفحة إعادة توجيه blogger، أي صفحة إعادة توجيه رابط خارجي، وقد أصبحت هذه الفكرة فكرة يتبناها العديد من الأشخاص في العالم ممن لديهم مدونات بلوجر أو المواقع الالكترونية بشكل عام، لذا فإن فكرة إنشاء صفحة إعادة توجيه رابط خارجي للمدون هي عندما يقوم أي شخص على الموقع بالنقر فوق الارتباط، يتم إعادة توجيهه إلى صفحة أخرى على موقعك قبل الانتقال إلى الرابط الذي يريده هنا ستكسب العديد من المزايا.

شاهد أيضاً :-

طريقة تركيب الاضافة في بلوجر

اولا تاكد ان لديك قالب Plus UI او Median UI على مدونتك، ثانيا تقوم بتحميل سكربت صفحة اعادة التوجيه من الاسفل على جهازك والان ننتقل الى خطوات عمل هذه الصفحة وطريقة تركيبها على القالب فهي سهلة كتالي :

معاينة تحميل الاكواد

• من لوحة تحكم بلوجر توجة الي "الصفحات"
• انشا صفحة صجديد واعطها اسم "Redirect"، ثم انشر الصفحة
• ادخل الصفحة مجدادا "تعديل"، قم بلصق الكود التالي :-

<div id="error">
  <p class='note wr' style="font-size:20px;text-align: center;">عفواً<br/><b>الرابط المطلوب معطل!</b></p>
</div>
<!--[ Ad 2 ]-->
<div class="ads">
  <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-39xx31001xx454x4" data-ad-slot="1295xx2488"></ins>
</div>
<!--[ Ad End ]-->
<div id="success">
  <div id="step"></div>
  <h3 style="text-align:center;">رجاء الإنتظار !</h3>
  <p class='note' style="font-size:15px;text-align:center;"><b>جارى تحضير الملف للتنزيل</b></p>
  <div id="waiting">
    <div id="loadingAnimation">
    </div>
    <p class='note' style="font-size:15px;"><b id="loadingNote"></b></p>
    <div id="loadingBar">
        <style scoped>
.progress{background:#e1e4e8;border-radius:3px;overflow:hidden;height:100%;}.progress .progress-bar{display:block;height:100%;background:linear-gradient(90deg,#ffd33d,#ea4aaa 17%,#b34bff 34%,#01feff 51%,#ffd33d 68%,#ea4aaa 85%,#b34bff);background-size:300% 100%;-webkit-animation:progress-animation 2.5s linear infinite;animation:progress-animation 2.5s linear infinite;}.pre-progress-bar{opacity:0;height:100%;animation:progress-loader;-webkit-animation:progress-loader;}@-webkit-keyframes progress-animation{0%{background-position:100%;}100%{background-position:0;}}@keyframes progress-animation{0%{background-position:100%;}100%{background-position:0;}}@keyframes progress-loader{0%{transform:translateX(-100%);display:block;opacity:1;}98%{transform:translateX(0);opacity:1;}100%{opacity:0;}}
        </style>
        <div class="progress">
          <div class="pre-progress-bar" id="preProgressBar"><span class="progress-bar"></span></div>
        </div>
      </div>
  </div>
  <div id="link-btn">
    <div class="load" id="link-href" style="padding: 0 12px; margin: 8px;">
      <a href="javascript:0" class="load button" id="goLink" rel="nofollow" target="_blank"><i class='icon dl'></i>بدء التنزيل الان</a>
      <a href="javascript:0" class="load button outline" id="goBack"><i class='icon demo'></i>الصفحة الرئيسية</a>
    </div>
  </div>
</div>     
<style>
#wait-btn{width:112px;height:36px;border-radius:5px;margin:2px auto;overflow:hidden;background-color:cornflowerblue;}#waiting{display:flex;align-items:center;flex-direction:column;}#waiting>*{margin-bottom:16px;}#waiting #loadingBar{max-width:400px;width:100%;height:2px;}#link-btn{margin:2px auto;display:flex;justify-content:center;align-items:center;}#sec-wait{font-size:32px;margin:8px auto;align-items:center;display:flex;justify-content:center;}#step{text-align:right;}#loadingAnimation{height:240px;padding:60px;box-sizing:border-box;max-width:600px;width:100%;display:flex;justify-content:center;}.load{background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0px 190px,50px 195px;animation:loading 1.5s infinite;}.load>a{cursor:default;color:transparent!important;outline:none!important;}.preAds{display:none;border:2px dashed rgb(218,170,66);}@keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px;}}     
</style>     
<script>
  function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,i;
    
    for (i = 0; i < sURLVariables.length; i++) {
  
        var arr = sURLVariables[i].split('='),
            sParameterName = arr.splice(0, 1);
        sParameterName.push(arr.join('='));
  
        if (sParameterName[0] === sParam) {
          return typeof sParameterName[1] === undefined ? flase : decodeURIComponent(sParameterName[1]);
        }
      }
      return false;
    };
    function sleep(ms) {
      return new Promise(resolve => setTimeout(resolve, ms));
    }
  
    randomEmoij = ()=> {
      var items = ["🔗", "👍", ">.<", "(>'-'<)", "⭐", "♪", "+_+", "💯", "❤","<br/>"];
      return items[Math.floor(Math.random()*items.length)];
    }
    hashCode = s => s.split('').reduce((a,b)=>{a=((a<<5)-a)+b.charCodeAt(0);return a&a},0);
    stayTime = 20;
    
    (async () => {
      var note = document.getElementById('loadingNote');
      var nextUrl = getUrlParameter("token");
      if (!nextUrl) {
        document.getElementById("success").remove();
        document.getElementById("error").remove();
        return;
      }
      try {
        var json = decodeURIComponent(atob(nextUrl)),
            url = JSON.parse(json).url;
      } catch (er) {
  
      }
      if (url) {
        document.getElementById("error").remove();
        var fdlid = "fdl_" + Math.abs(hashCode(url));
        var preProgressBar = document.getElementById("preProgressBar");
  
        if (!localStorage.getItem(fdlid) || (new Date()).getTime() - localStorage.getItem("fdl_1907307024") >  1 * 30 * 60 * 1000) {
            var d = stayTime;
          preProgressBar.style["-webkit-animation-duration"] = d + "s";
          preProgressBar.style["animation-duration"] = d + "s";
          note.innerHTML = "جارى فحص التوكن الخاص بك..";
          await sleep(200 * d);
          note.innerHTML = "تم إيجاد الملف المطلوب 🧲";
          await sleep(400 * d);
          note.innerHTML = "جارى استدعاء الملف للتنزيل " + randomEmoij();
          await sleep(200 * d);
          note.innerHTML = "تحلى بالصبر " + randomEmoij();
          await sleep(50 * d);
          note.innerHTML = "وشك الانتهاء! " + randomEmoij();
          await sleep(150 * d);
          note.innerHTML = "الملف جاهز للتنزيل الان.";
        }
        else {
          var d = (Math.round(10 * stayTime) * 0.018);
          preProgressBar.style["-webkit-animation-duration"] = d + "s";
          preProgressBar.style["animation-duration"] = d + "s";
          note.innerHTML = "فحص الارتباط الخاص بك...";
          await sleep(1000 * d);
          note.innerHTML = "تم تحضير الرابط!";
        }
  
        document.getElementById("link-href").classList.remove("load");
        var golink = document.getElementById("goLink"),
            goBack = document.getElementById("goBack");
        golink.classList.remove("load");
        goBack.classList.remove("load");
        golink.href = url;
        goBack.href = "/p/safelink-generator.html";
        localStorage.setItem(fdlid, (new Date()).getTime());
      }
      else {
        document.getElementById("success").remove();
      }
    })();
  
    function displayLink() {
    }
  </script>
<script>
 if(document.getElementById("loadingAnimation")) document.getElementById("loadingAnimation").innerHTML = `<style scoped>div#cubeLoading{margin-top:12px;position:relative;height:150px;width:150px;transform:scale(0.5)}div#cubeLoading>div{display:flex;justify-content:center}div#cubeLoading .cube{position:absolute;width:86px;height:100px}div#cubeLoading .right{background:#e79c10;transform:rotate(-30deg) skewX(-30deg) translate(49px, 65px) scaleY(0.86)}div#cubeLoading .left{background:#d53a33;transform:rotate(90deg) skewX(-30deg) scaleY(0.86) translate(25px, -50px)}div#cubeLoading .top{background:#1d9099;transform:rotate(210deg) skew(-30deg) translate(-75px, -22px) scaleY(0.86);z-index:2}div#cubeLoading .face{height:50px;width:50px;position:absolute;transform-origin:0 0}div#cubeLoading .h1.w1.l1{z-index:-1;animation-name:h1w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l1{0%{transform:translate(0%,-100%)}14%{transform:translate(-50%,-125%)}28%{transform:translate(0%,-150%)}43%{transform:translate(0%,-200%)}57%{transform:translate(50%,-175%)}71%{transform:translate(0%,-150%)}85%{transform:translate(0%,-100%)}100%{transform:translate(0%,-100%)}}.h1.w1.l2{z-index:-1;animation-name:h1w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l2{0%{transform:translate(50%,-75%)}14%{transform:translate(50%,-75%)}28%{transform:translate(100%,-100%)}43%{transform:translate(100%,-150%)}57%{transform:translate(100%,-150%)}71%{transform:translate(50%,-125%)}85%{transform:translate(50%,-75%)}100%{transform:translate(50%,-75%)}}.h1.w1.l3{z-index:-1;animation-name:h1w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l3{0%{transform:translate(100%,-50%)}14%{transform:translate(150%,-25%)}28%{transform:translate(200%,-50%)}43%{transform:translate(200%,-100%)}57%{transform:translate(150%,-125%)}71%{transform:translate(100%,-100%)}85%{transform:translate(100%,-50%)}100%{transform:translate(100%,-50%)}}.h1.w2.l1{z-index:-1;animation-name:h1w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l1{0%{transform:translate(-50%,-75%)}14%{transform:translate(-100%,-100%)}28%{transform:translate(-100%,-100%)}43%{transform:translate(-100%,-150%)}57%{transform:translate(-50%,-125%)}71%{transform:translate(-50%,-125%)}85%{transform:translate(-50%,-75%)}100%{transform:translate(-50%,-75%)}}.h1.w2.l2{z-index:-1;animation-name:h1w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l2{0%{transform:translate(0%,-50%)}14%{transform:translate(0%,-50%)}28%{transform:translate(0%,-50%)}43%{transform:translate(0%,-100%)}57%{transform:translate(0%,-100%)}71%{transform:translate(0%,-100%)}85%{transform:translate(0%,-50%)}100%{transform:translate(0%,-50%)}}.h1.w2.l3{z-index:-1;animation-name:h1w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l3{0%{transform:translate(50%,-25%)}14%{transform:translate(100%,0%)}28%{transform:translate(100%,0%)}43%{transform:translate(100%,-50%)}57%{transform:translate(50%,-75%)}71%{transform:translate(50%,-75%)}85%{transform:translate(50%,-25%)}100%{transform:translate(50%,-25%)}}.h1.w3.l1{z-index:-1;animation-name:h1w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l1{0%{transform:translate(-100%,-50%)}14%{transform:translate(-150%,-75%)}28%{transform:translate(-200%,-50%)}43%{transform:translate(-200%,-100%)}57%{transform:translate(-150%,-75%)}71%{transform:translate(-100%,-100%)}85%{transform:translate(-100%,-50%)}100%{transform:translate(-100%,-50%)}}.h1.w3.l2{z-index:-1;animation-name:h1w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l2{0%{transform:translate(-50%,-25%)}14%{transform:translate(-50%,-25%)}28%{transform:translate(-100%,0%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-100%,-50%)}71%{transform:translate(-50%,-75%)}85%{transform:translate(-50%,-25%)}100%{transform:translate(-50%,-25%)}}.h1.w3.l3{z-index:-1;animation-name:h1w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l3{0%{transform:translate(0%,0%)}14%{transform:translate(50%,25%)}28%{transform:translate(0%,50%)}43%{transform:translate(0%,0%)}57%{transform:translate(-50%,-25%)}71%{transform:translate(0%,-50%)}85%{transform:translate(0%,0%)}100%{transform:translate(0%,0%)}}.h2.w1.l1{z-index:-2;animation-name:h2w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l1{0%{transform:translate(0%,-50%)}14%{transform:translate(-50%,-75%)}28%{transform:translate(0%,-100%)}43%{transform:translate(0%,-100%)}57%{transform:translate(50%,-75%)}71%{transform:translate(0%,-50%)}85%{transform:translate(0%,-50%)}100%{transform:translate(0%,-50%)}}.h2.w1.l2{z-index:-2;animation-name:h2w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l2{0%{transform:translate(50%,-25%)}14%{transform:translate(50%,-25%)}28%{transform:translate(100%,-50%)}43%{transform:translate(100%,-50%)}57%{transform:translate(100%,-50%)}71%{transform:translate(50%,-25%)}85%{transform:translate(50%,-25%)}100%{transform:translate(50%,-25%)}}.h2.w1.l3{z-index:-2;animation-name:h2w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l3{0%{transform:translate(100%,0%)}14%{transform:translate(150%,25%)}28%{transform:translate(200%,0%)}43%{transform:translate(200%,0%)}57%{transform:translate(150%,-25%)}71%{transform:translate(100%,0%)}85%{transform:translate(100%,0%)}100%{transform:translate(100%,0%)}}.h2.w2.l1{z-index:-2;animation-name:h2w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l1{0%{transform:translate(-50%,-25%)}14%{transform:translate(-100%,-50%)}28%{transform:translate(-100%,-50%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-50%,-25%)}71%{transform:translate(-50%,-25%)}85%{transform:translate(-50%,-25%)}100%{transform:translate(-50%,-25%)}}.h2.w2.l2{z-index:-2;animation-name:h2w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l2{0%{transform:translate(0%,0%)}14%{transform:translate(0%,0%)}28%{transform:translate(0%,0%)}43%{transform:translate(0%,0%)}57%{transform:translate(0%,0%)}71%{transform:translate(0%,0%)}85%{transform:translate(0%,0%)}100%{transform:translate(0%,0%)}}.h2.w2.l3{z-index:-2;animation-name:h2w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l3{0%{transform:translate(50%,25%)}14%{transform:translate(100%,50%)}28%{transform:translate(100%,50%)}43%{transform:translate(100%,50%)}57%{transform:translate(50%,25%)}71%{transform:translate(50%,25%)}85%{transform:translate(50%,25%)}100%{transform:translate(50%,25%)}}.h2.w3.l1{z-index:-2;animation-name:h2w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l1{0%{transform:translate(-100%,0%)}14%{transform:translate(-150%,-25%)}28%{transform:translate(-200%,0%)}43%{transform:translate(-200%,0%)}57%{transform:translate(-150%,25%)}71%{transform:translate(-100%,0%)}85%{transform:translate(-100%,0%)}100%{transform:translate(-100%,0%)}}.h2.w3.l2{z-index:-2;animation-name:h2w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l2{0%{transform:translate(-50%,25%)}14%{transform:translate(-50%,25%)}28%{transform:translate(-100%,50%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-100%,50%)}71%{transform:translate(-50%,25%)}85%{transform:translate(-50%,25%)}100%{transform:translate(-50%,25%)}}.h2.w3.l3{z-index:-2;animation-name:h2w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l3{0%{transform:translate(0%,50%)}14%{transform:translate(50%,75%)}28%{transform:translate(0%,100%)}43%{transform:translate(0%,100%)}57%{transform:translate(-50%,75%)}71%{transform:translate(0%,50%)}85%{transform:translate(0%,50%)}100%{transform:translate(0%,50%)}}.h3.w1.l1{z-index:-3;animation-name:h3w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l1{0%{transform:translate(0%,0%)}14%{transform:translate(-50%,-25%)}28%{transform:translate(0%,-50%)}43%{transform:translate(0%,0%)}57%{transform:translate(50%,25%)}71%{transform:translate(0%,50%)}85%{transform:translate(0%,0%)}100%{transform:translate(0%,0%)}}.h3.w1.l2{z-index:-3;animation-name:h3w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l2{0%{transform:translate(50%,25%)}14%{transform:translate(50%,25%)}28%{transform:translate(100%,0%)}43%{transform:translate(100%,50%)}57%{transform:translate(100%,50%)}71%{transform:translate(50%,75%)}85%{transform:translate(50%,25%)}100%{transform:translate(50%,25%)}}.h3.w1.l3{z-index:-3;animation-name:h3w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l3{0%{transform:translate(100%,50%)}14%{transform:translate(150%,75%)}28%{transform:translate(200%,50%)}43%{transform:translate(200%,100%)}57%{transform:translate(150%,75%)}71%{transform:translate(100%,100%)}85%{transform:translate(100%,50%)}100%{transform:translate(100%,50%)}}.h3.w2.l1{z-index:-3;animation-name:h3w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l1{0%{transform:translate(-50%,25%)}14%{transform:translate(-100%,0%)}28%{transform:translate(-100%,0%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-50%,75%)}71%{transform:translate(-50%,75%)}85%{transform:translate(-50%,25%)}100%{transform:translate(-50%,25%)}}.h3.w2.l2{z-index:-3;animation-name:h3w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l2{0%{transform:translate(0%,50%)}14%{transform:translate(0%,50%)}28%{transform:translate(0%,50%)}43%{transform:translate(0%,100%)}57%{transform:translate(0%,100%)}71%{transform:translate(0%,100%)}85%{transform:translate(0%,50%)}100%{transform:translate(0%,50%)}}.h3.w2.l3{z-index:-3;animation-name:h3w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l3{0%{transform:translate(50%,75%)}14%{transform:translate(100%,100%)}28%{transform:translate(100%,100%)}43%{transform:translate(100%,150%)}57%{transform:translate(50%,125%)}71%{transform:translate(50%,125%)}85%{transform:translate(50%,75%)}100%{transform:translate(50%,75%)}}.h3.w3.l1{z-index:-3;animation-name:h3w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l1{0%{transform:translate(-100%,50%)}14%{transform:translate(-150%,25%)}28%{transform:translate(-200%,50%)}43%{transform:translate(-200%,100%)}57%{transform:translate(-150%,125%)}71%{transform:translate(-100%,100%)}85%{transform:translate(-100%,50%)}100%{transform:translate(-100%,50%)}}.h3.w3.l2{z-index:-3;animation-name:h3w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l2{0%{transform:translate(-50%,75%)}14%{transform:translate(-50%,75%)}28%{transform:translate(-100%,100%)}43%{transform:translate(-100%,150%)}57%{transform:translate(-100%,150%)}71%{transform:translate(-50%,125%)}85%{transform:translate(-50%,75%)}100%{transform:translate(-50%,75%)}}.h3.w3.l3{z-index:-3;animation-name:h3w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l3{0%{transform:translate(0%,100%)}14%{transform:translate(50%,125%)}28%{transform:translate(0%,150%)}43%{transform:translate(0%,200%)}57%{transform:translate(-50%,175%)}71%{transform:translate(0%,150%)}85%{transform:translate(0%,100%)}100%{transform:translate(0%, 100%)}}</style><div id="cubeLoading" class=""><div class="h1Container"><div class="cube h1 w1 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w1 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w1 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w2 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w2 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w2 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w3 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w3 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h1 w3 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div></div><div class="h2Container"><div class="cube h2 w1 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w1 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w1 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w2 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w2 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w2 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w3 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w3 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h2 w3 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div></div><div class="h3Container"><div class="cube h3 w1 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w1 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w1 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w2 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w2 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w2 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w3 l1"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w3 l2"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div><div class="cube h3 w3 l3"><div class="face top"></div><div class="face left"></div><div class="face right"></div></div></div></div>`;
</script>

اضافة صفحة مولد روابط Safelink

الان ناتي لانشاء صفحة توليد روابط امنة Safelinker تقوم هذة الاداة بتشفير الروابط الخارجية او روابط التحميل المباشرة بكل سهولة.

• انشا صفحة جديدة باسم Savelink Generator
• قم بتحرير HTML
• الصق الكود التالي

<h2>مولد روابط صفحة التنزيلات</h2>
<p>تقوم هذة الاداة بتوليد روابط توكين لصفحة التنزيلات</p>
<div class='cArea' id="cArea">
  <label>
    <input id="link-to" type="text"/>
    <span class='n'>Enter your link</span>
  </label>
<!--[Config]-->
  <div id="advanced" style="display:none;">
    <input id="link-page" type="text" value="https://www.mr-medo.net/p/direct-down.html" disabled="yes">
  </div>
</div>
<div class='btnF'>
  <button id="create-link" class="button">انشاء توكين للتنزيلات</button>
</div>
<div class='cArea'>
  <div class="status" id="notifi"></div>
  <span class="n title">Protected Link</span>
  <label>
    <input id="result" placeholder="مثل:- https://www.mr-medo.net/p/direct-down.html?token=ID" style="word-break: break-all;" onkeyup="document.getElementById('open').href = this.value || 'javascript:0'" type='text' readonly />
  </label>
</div>
<div class='cArea' id="cArea">
  <a name="result" class="copy-btn button" href="javascript:()">نسخ عوان URL</a>
  <a id="open" class="copy-btn outline button" target="_blank">فتح الرابط</a>
</div>
<style>     
.status{height:5px;border-radius:2px;background-color:inherit;animation-duration:1.5s;animation-timing-function:ease-in-out;margin:3px auto 6px 4px;}@keyframes success{0%{background-color:inherit;}10%{background-color:rgb(18,206,96);}100%{background-color:inherit;}}@keyframes fail{0%{background-color:inherit;}10%{background-color:rgb(221,55,13);}100%{background-color:inherit;}}
</style>
<script>
	function validate() {
		if (document.getElementById("link-to").value.length == 0) {
			return false
		}
		if (document.getElementById("link-page").value.length == 0) {
			return false
		}
		return true
	}

	var notifi = document.getElementById("notifi");
	document.getElementById("create-link").addEventListener("click", () => {
		if (!validate()) {
			document.getElementById("result").value = "";
			notifi.style["animation-name"] = null;
			notifi.offsetHeight;
			notifi.style["animation-name"] = "fail";
			return;
		}
		var linkPage = document.getElementById("link-page").value.trim();
		var linkTo = document.getElementById("link-to").value.trim();
		linkTo = linkTo.replace(/^((?!(\w+:))(\/\/)?)/, "http://"); // auto add http://
		var data = {
			url: linkTo,
		},
			base = btoa(encodeURIComponent(JSON.stringify(data))).replace(/={1,}$/, ""),
			queryVal = "token" + "=" + base,
			result;
		if (linkPage.indexOf("#") != -1) {
			var urlAndHash = linkPage.split("#", 2);

			if (urlAndHash[0].indexOf("?") != -1) {
				result = urlAndHash[0] + "&" + queryVal + "#" + urlAndHash[1];
			}
			else {
				result = urlAndHash[0] + "?" + queryVal + "#" + urlAndHash[1];
			}

		} else {
			if (linkPage.indexOf("?") != -1) {
				result = linkPage + "&" + queryVal;
			}
			else {
				result = linkPage + "?" + queryVal;
			}
		}

		document.getElementById("result").value = result;
		document.getElementById("open").href = result;
		notifi.style["animation-name"] = null;
		notifi.offsetHeight;
		notifi.style["animation-name"] = "success";
	});

	//@ntdm11 :>
</script>
<script>
	var a = document.getElementsByClassName('copy-btn');
	for (let i = 0; i < a.length; i++) {
		a[i].addEventListener('click', function () {
			var b = a[i].getAttribute("name");
			var text = document.getElementById(b);
			text.select();
			document.execCommand('copy');
		});
	}
</script>

ينتهي هنا موضوعنا عن "انشاء صفحة انتظار او اعادة توجيه الروابط الخارجية"، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

فتح رابط التوجية