-->

طريقة انشاء صفحة اعادة توجيه الروابط لمدونات بلوجر مع العداد والتنسيق (صفحة الانتظار)

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

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


انشء صفحة واعطها اي اسم وليكن waitingواحرص على ان يكون باللغة الانجليزية لكي تتم تسمية الصفحة على هذا الشكل
https://www.nataeeg.com/p/waiting.html
الان اعد الدخول الى الصفحة وسمها كما تشاء بالعربية وليكن "اعادة توجيه الروابط"
حرر محتواها من جهة HTML

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


<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="ltr" style="text-align: center;" trbidi="on">
<style type="text/css">
a#reload {display: none;}
#arabes1 {background: #a4f9ed;padding: 14px;font-size: 35px; font-family: cursive;}
</style>

© اكتب شيئا هنا | اكتب شيئا هنا 

<style>
.about_blog { padding: 0; overflow: hidden;background: #fff; }
.about-techgold-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.about-techgold-img{position:relative;max-height:140px;overflow:hidden}
.about-techgold-img img {max-width:100%;width:100%;transition:all .6s;}
.about-techgold-img:hover img{transform:scale(1.2) rotate(-10deg)}
.about-techgold-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.about-techgold-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
.about-techgold-float{text-align:center;display:table;width:100%;height:100%}
.about-techgold-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-techgold-float:hover a{background:#fff; color: #444!important;}
.about-techgold-float a i{font-weight:normal;margin-left:5px}
.about-techgold-wrpicon{display:block;margin:0 auto;position:relative;}
.extender{text-align:center;font-size:16px;    margin: 15px!important;}
.extender .about-techgold-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;}
.extender .about-techgold-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);}
.extender .about-techgold-icon i{font-family:fontawesome;margin:0 3px 0 0}
.about-techgold-icon.fbl a{background:#3b5998}
.about-techgold-icon.twitt a{background:#19bfe5}
.about-techgold-icon.crcl a{background:#d64136}
.about-techgold-icon.fbl a:hover,.about-techgold-icon.twitt a:hover,.about-techgold-icon.crcl a:hover{background:#313B42}
.extender .about-techgold-icon:hover a,.extender .about-techgold-icon a:hover{color:#fff;}
.about-techgold-info{margin:10px 0 0 0;font-size:13px;text-align:center;}

.about-techgold-info p{margin:5px 0;font: 12px Droid Arabic Naskh;    color: #444;}
.about-techgold-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.about-techgold-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.about-techgold-info h4:before,.about-techgold-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)}
.about-techgold-info h4:before {margin-right:-50%;text-align:left;}
</style>
<br />
<div class="about_blog">
<div class="inner_wrapper">
<div class="about-techgold-img">
</div>
</div>
<div class="about-techgold-wrpicon">
<ul class="extender">
© اكتب شيئا هنا | اكتب شيئا هنا 
</ul>
<ul class="extender"><br /></ul>
<ul class="extender">
<li class="about-techgold-icon fbl"><a href="https://www.facebook.com/almaltknloguaoalmalomat/" rel="nofollow" target="_blank">فيسبوك</a></li>
<li class="about-techgold-icon twitt"><a href="https://twitter.com/AbdallhAlqady" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> تويتر</a></li>
<li class="about-techgold-icon crcl"><a href="https://www.youtube.com/channel/UCRauwhyN4NDKbBrXCvj2mWQ" rel="nofollow" target="_blank"><i class="fa fa-youtube-square"></i> يوتيوب</a></li>
</ul>
</div>
</div>
<br />

© اكتب شيئا هنا | اكتب شيئا هنا 

<br />
<div id="arabes1">
سيتم تحويلك الى الرابط بعد <span id="countdown"> 10 </span> ثوان
<i class="fa fa-spinner fa-spin" style="font-size: 45px;"></i>
<a href="https://www.blogger.com/blogger.g?blogID=5447358829759549770#" id="reload"></a>
 </div>
<br />

© اكتب شيئا هنا | اكتب شيئا هنا 

</div>
<script type="text/javascript">//<![CDATA[
//add Font Awesome
      var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = '//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);
//]]></script>
<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>
</div>

بعد نسخ الكود سوف تعدل عليه 

1- رابط الفيسبوك حط مكانه رابط صفحه المدونه او الموقع  تبعك للفيسبوك
https://www.facebook.com/almaltknloguaoalmalomat/
2- رابط تيويتر حط مكانه رابط صفحه تيويتر لموقعك او مدونتك
https://twitter.com/AbdallhAlqady
3- رابط قناتك علي اليوتيوب حط مكانه رابط قناتك او قناه الموقع او المدونه
https://www.youtube.com/channel/UCRauwhyN4NDKbBrXCvj2mWQ

يمكنك كتابه اي نص لكي يظهر للزوار اثناء انتظار العداد مكان 
{© اكتب شيئا هنا | اكتب شيئا هنا }
او يمكنك ايضا اسفلها ان تضع الشفرة الخاصة باعلاناتك 
لتغيير عدد الثواني قم فقط بتغيير رقم 10 في الكود بداخل الصفحه
{سيتم تحويلك الى الرابط بعد <span id="countdown"> 10 </span> ثوان}



الان سوف نتوجه الى المظهر
ومن ثم الضغط على تحرير Html 

ثم نقوم بالضغط فى لوحه المفاتيح على ctrl+F ونقوم بالحث 

  عن الكود </HTML>


وفوقه كود </HTML> مباشرة سوف نقوم بوضع الكود التالي


<script type='text/javascript'>
//<![CDATA[
var allahref=document.getElementsByTagName("a");
for(var c=0;c<allahref.length;c++)
{
if(allahref[c].hostname!="https://almaltknloguaoalmalomat.blogspot.com/" && allahref[c].hostname!="")
if(allahref[c].hostname!="www.facebook.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="www.youtube.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="plus.google.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="www.instagram.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="twitter.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="1.bp.blogspot.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="2.bp.blogspot.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="3.bp.blogspot.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="4.bp.blogspot.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="www.blogger.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="www.linkedin.com" && allahref[c].hostname!="")
if(allahref[c].hostname!="play.google.com" && allahref[c].hostname!="")
{
allahref[c].href="https://almaltknloguaoalmalomat.blogspot.com/p/areload-display-nonearabes1-background_6.html??&&url=_"+allahref[c].href;
}
}
//]]>
</script>





لاحظ انه يجب عليك تغيير هذا الرابط برابط مدونتك
https://almaltknloguaoalmalomat.blogspot.com/
وهذا الرابط برابط الفحه التي قمت بعملها من قبل
https://almaltknloguaoalmalomat.blogspot.com/p/areload-display-nonearabes1-background_6.html





ثم احفظ القالب ثم مبروك عليك صفحه اعاده توجيه

تم بحمد الله اتمنا ان يكون الشرح ميسر ومفهوم
لو وقف قدامك اي شئ لا تتردد في ترك تعليق او مراسلتي 
دمتم بخير .

ليست هناك تعليقات:

إرسال تعليق