الدرس الـ 76 : انشاء صفحة اعادة توجيه .!

السلام عليكم

بدون مقدمات

انشء صفحة واعطها اي اسم وليكن redirect واحرص على ان يكون باللغة الانجليزية لكي تتم تسمية الصفحة على هذا الشكل

http://al-m3rfaa.blogspot.comp/redirect.html

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

حرر محتواها من جهة HTML

والصق الكود التالي

<div dir="ltr" style="text-align: center;" trbidi="on"> <style type="text/css"> * html #exestylepopupdiv {position:absolute;} #ediv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixsnUy2hO2RfZ3m68grpPaM-C9X-jZ3zt2sbM5kNqb7iu5la-cK9XU5buD94WMltlMdlAbu2b9iwFS0NlWggMnJFw9Y5-3tPaOXqyaCNG8V4Pim_zBkVN7FnYaOkZ2oID8L6vjJWv8Ow/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;} #ep {background-color: #fff; overflow:none;} .ep {width:100%!important; height:100%!important; position:fixed!important;} body { overflow:hidden; display:block; } </style> <!--[if lte IE 6]> <style type="text/css"> /*<![CDATA[*/ html {overflow-x:auto; overflow-y:hidden;} /*]]>*/ </style> <![endif]--> <div id="ediv"> <div class="ep" id="ep"> <div class="separator" style="clear: both; text-align: center;"> </div> <div> سيتم تحويلك الى الرابط ادناه بعد <span id="countdown"> 5 </span> ثوان </div> <a href="#" id="reload"></a> <a href="http://astuce-hassoubi.blogspot.com/" style="display:none">حاسوبي astuce</a> <i class="fa fa-spinner fa-spin" style="font-size: 45px;"></i> <script type="text/javascript"> var seconds; var temp; function removem1() { var xkl = getQueryVariable("url"); var nkl=xkl.replace("&m=1", ""); document.getElementById("reload").innerHTML=nkl; } removem1(); document.getElementById('reload').href=window.location.href; 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); } function countdown() { seconds = document.getElementById('countdown').innerHTML; seconds = parseInt(seconds, 10); if (seconds == 0) { temp = document.getElementById('countdown'); parent.location.replace(document.getElementById("reload").innerHTML) return; } seconds--; temp = document.getElementById('countdown'); temp.innerHTML = seconds; timeoutMyOswego = setTimeout(countdown, 1500); } setTimeout(function(){ countdown(); }, 5000); </script> <a href="http://astuce-hassoubi.blogspot.com/" style="display:none">حاسوبي astuce</a> <center> <div style="border: 2px solid #000; display: block; width: 730px;"> <!--اضف كود اعلاناتك هنا--> dfgdg <!--نهاية اضافة اكواد الاعلانات--> </div> </center> </div> </div> </div>

  بعدها توجه الى محرر HTML الخاص بقالبك وابحث عن الكود التالي 
<b:skin>

<b:if cond='data:blog.url == "https://astuce-hassoubi.blogspot.com/p/redirect.html"'> <style> body {display:none;} </style> </b:if>

مع العلم ان https://al-m3rfaa.blogspot.com/p/redirect.html هي رابط صفحة اعادة التوجيه 

طريقة التركيب


الطريقة 1
وهي الطريقة الفعالة والاكثر طلبا
وهي تحويل كل و جل الروابط الخارجية الى روابط مختصرة

ما ذا اقصد بالورابط الخارجية ??

هو كل رابط لا يطابق رابط مدونتك

طريقة التركيب بسيطة
 الصق الكود التالي تحت هذا الوسم
</body>

<script type='text/javascript'> //<![CDATA[ var allahref=document.getElementsByTagName("a"); for(var c=0;c<allahref.length;c++) { if(allahref[c].hostname!="astuce-hassoubi.blogspot.com" && allahref[c].hostname!="") { allahref[c].href="https://astuce-hassoubi.blogspot.com/p/redirect.html??&&url=_"+allahref[c].href; } } //]]> </script>

ستبدل رابط مدونتي برابط مدونتك
allahref[c].hostname!="al-m3rfaa.blogspot.com"
ورابط صفحة جاري التجويل برابط صفحتك
allahref[c].href="https://al-m3rfaa.blogspot.com/p/redirect.html??&&url=_"+allahref[c].href;

الطريقة 2 

 الصق الكود التالي تحت هذا الوسم
</body>

<a href="http://astuce-hassoubi.blogspot.com/" style="display:none;">حاسزبي Astuce</a> <script type='text/javascript'> var anchors = document.querySelectorAll("#mustredirect"); Array.prototype.forEach.call(anchors, function (element, index) { var url = element.href; var arr = url.split("/"); var result =arr[2]; if (result!="astuce-hassoubi.blogspot.com") { element.href = "https://astuce-hassoubi.blogspot.com/p/redirect.html??&&url=_"+element.href; } }); </script>

result!="al-m3rfaa.blogspot.com"
ورابط صفحة جاري التجويل برابط صفحتك
element.href = "https://al-m3rfaa.blogspot.com/p/redirect.html??&&url=_"+element.href;
انسخ الكود التالي  واستبدل ما لون بالاحمر برابطك ثم قم باستعماله عند كل مرة تريد ان تضيف ربط محتصر
<a href="#" id="mustredirect">Your Link</a>
هذه الطريقة تسهل عليك الامر حيت ان كل رابط يحمل المعرف
id="mustredirect"
 سيتم اختصاره تلقائيا

الطريقة 3

 في اي رابط تريد اختصاره قم بوضعه في آخر الرابط كالتالي

https://al-m3rfaa.blogspot.com/p/redirect.html??&&url=_XXXXXX

مثال لاختصار رابط جوجل

https://al-m3rfaa.blogspot.com/p/redirect.html??&&url=_ https://www.google.com

طريقة الربح

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

<!--اضف كود اعلاناتك هنا--> <--!نهاية اضافة اكواد الاعلانات-->

   وقم بتجربة الصفحة اما للتحكم في العداد فيجب عليك تغيير الرقم الموجود في العبارة التالية  

سيتم تحويلك الى الرابط ادناه بعد <span id="countdown"> 5 </span> ثوان </div>

 ملاحظة لن يبدأ العد التنازلي الى  بعد 5 ثوان للتحكم في هذه المدة غير الرقم التالي 

setTimeout(function(){ countdown(); }, 5000);

علما ان ثانية واحدة=1000

وبكدا يكون الموضوع خلص أتمني أكون أفدكم مع السلامه