يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

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

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

يعني إنشاء صفحة إعادة توجيه 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>

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

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

3 تعليقات

  1. طبعا مش اي حد يقدر يستعمل الاسكربت فى اي مدونه علشان شرط يكون median ui & plus ui
    غير كده مينفعش
    1. الاضافه ( سكريبت صفحة تحويل الروابط ) تعمل على جميع قوالب بلوجر، ولكن تحتاج بعض التعديلات في تنسيق CSS.
    2. هل يوجد قالب حالي عندك مع كل هاته التعديلات
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط (Cookies) لفهم كيفية استخدامك لموقعنا وتحسين تجربتك في المحتوى والإعلانات. باستمرارك في تصفح الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط وفقًا لسياسة الخصوصية لدينا.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.