اضافة صفحة إعادة توجيه و جعل جميع روابط المدونة توجه لها تلقائيا

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

معاينة

شرح الطريقة

انشئ صفحة واعطها اي اسم تريد و توجه نحو تبويب HTML ليس تاليف بل HTML  تدكر و الصق هدا الكود اسفل

 <script type="text/javascript" async>
  function getQueryVariable(variable) {
 var query = window.location.search.substring(1);
 var vars = query.split("&");
 for (var i=0;i<vars.length;i++) {
  var pair = vars[i].split("=");
  if(pair[0] == variable){return pair[1];}
 }
 return(false);
}
 
  var count = 20; //3 secs
  var queryU = getQueryVariable('u');
  var redirect = decodeURIComponent(queryU);

function countDown(){
    var timer = document.getElementById("timer");
    if(count > 0){
        count--;
        timer.innerHTML = "ستعيد هذه الصفحة التوجيه إلى "+redirect+" في "+count+" ثانية. <br>إذا كان متصفحك لا يدعم JavaScript ،<a href='"+redirect+"'>فبامكانك النقر على الرابط</a> لزيارة وجهتك";
        setTimeout("countDown()", 1000);
    }else{
      document.write("<b>If you not redirected <a href='"+redirect+"'>Click Here</a>");
        window.location.href = redirect;
    }
}
  </script>
<span id="timer">
<script>
  countDown();</script>
</span>
<style>
span#timer {
    position: relative;
    overflow: hidden;
    display: block;
    background: #0064a6;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 10px;
    line-height: 40px;
    transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
    box-shadow: 0px 0px 15px #888;
}
span#timer a {
    background: #09f;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px 5px 10px;
}
span#timer a:hover {
    background: #fff;
    color: #09f;
transition: all .3s;
}
</style>

 باختصار وضيفة هدا السكربت هو توجيه الزوار لهده الصفحة و انتضارهم وقت معين وبعدها الانتقال للصفحة المقصودة

هدا السكربت لا يحتاج لتعديل فقط ستايل الاضافة قم بتغيير الالوان بما يناسبك ... وكدلك المدة اتتي تريد هي 20 ثانية غيرها بما تريد فقط ...

الان بامكانك وضع هدا الكود اما في اضافة مستقلة داخل التخطيط  HTML/JavaScript او تحرير القالب ووضع الكود فوق الوسم </body> اسفل القالب 

 <script>var comp = new RegExp(location.host);
var safelink = 'http://anaswebinfov4.blogspot.com/p/blog-page.html?u='; //Ganti Dengan URL Halaman Safelink Redirector Kamu
$('a').each(function(){
   if(comp.test($(this).attr('href'))){
      $(this).attr("href", $(this).attr("href")+'?success');
     //$(this).addClass('local');
   }
   else{
     $(this).attr("href", safelink+encodeURIComponent($(this).attr("href")+'?utm=anaswebinfov4.blogspot.com'));
       $(this).addClass('bg-danger text-white ml-1 mr-1');
   }
});</script>

تعديل على رابط صفحتي بصفحتكم و ايضا رابط المدونة التجريبية...

وضيفة هدا السكربت هو توجيه جميع روابط مدونتك الى صفحة التوجيه التي انشئت و بهدا تكون قد ضربت عصفورين بحجر واحد ...و مبروك عليك الاضافة ستعمل على جميع القوالب بسهولة