سكربت لعرض لتدوينات حسب التسميات لمدونة بلوجر

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

الثلاثاء, مارس 27, 2018

السلام عليكم ورحمة الله وبركاته

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

معاينة

شرح الطريقة

انشئ صفحة واعطها اي اسم تريد و توجه نحو تبويب 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>

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

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

هدا كل شيئ ان افادك الدرس كلمة شكر تكفيي الى دروس قادمة بادن الله

#اضافات بلوجر,
#بلوجر