إغلاق القائمة
شرح ذيادة ارباحك من خلال انشاء صفحة توجية روابط خارجية بعد X ثانية

شرح ذيادة ارباحك من خلال انشاء صفحة توجية روابط خارجية بعد X ثانية

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

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


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

    ثم نحدف اي شى داخل مربع الــ 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>
    <div class="about_blog">
    <div class="inner_wrapper">
    <div class="about-techgold-img">
    <img alt="alwan may" class="img-responsive" height="auto" src="https://4.bp.blogspot.com/-4ugzt55Tgh8/WaIJk-xIVPI/AAAAAAAABFA/Ws0kYzZv6yQxLDnQLn47jsrp4K766SxUwCLcBGAs/s1600/www.tech-gold.net.jpg" width="300" />
    <div class="aboutfloat-img">
    <span class="about-techgold-float"><a href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=8695520429222509323" rel="nofollow" target="_blank"><i class="fa fa-user"></i> إنضم للمدونه</a></span></div>
    </div>
    </div>
    <div class="about-techgold-info">
    <h4>
    تابع جديد المدونه</h4>
    عرب تك - أتعلم أكتر</div>
    <div class="about-techgold-wrpicon">
    <ul class="extender">
    <li class="about-techgold-icon fbl"><a href="https://www.facebook.com/3rabtech.org/" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> فيسبوك</a></li>
    <li class="about-techgold-icon twitt"><a href="https://twitter.com/3rabtech9" 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/UCKw-aZnMo8_1v9Ri6jrvyHA" rel="nofollow" target="_blank"><i class="fa fa-youtube-square"></i> يوتيوب</a></li>
    </ul>
    </div>
    </div>
    <br />
    © مدونة عرب تك | أتعلم تقنية
    <div id="arabes1">
    سيتم تحويلك الى الرابط بعد <span id="countdown"> 10 </span> ثوان 
    <i class="fa fa-spinner fa-spin" style="font-size: 45px;"></i>
    <a href="#" 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>

    ثم نقوم بحفظ الصفحة وبعدها نتوجة الى قسم المظهر ثم تحرير القالب html 
    من ثم سوف نقوم بالضغط على ctrl+f ونبحث عن الوسم </body>


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

    <script type='text/javascript'>
    //<![CDATA[
    var allahref=document.getElementsByTagName("a");
    for(var c=0;c<allahref.length;c++)
    {
    if(allahref[c].hostname!="www.3rabtech.org" && 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://www.3rabtech.org/p/redirect.html??&&url=_"+allahref[c].href;
    }
    }
    //]]>
    </script>
    ثم نقوم بتغيير رابط مدونتي فقط برابط مدونتك والضغط على الزر حفظ وانتهي الامر 
    سوف يكون الشكل النهائي هكذا .. انظر الصورة النهاية .

    يمكن مشاهدة الامر على الروابط الخارجية لديك بعد الحفظ .. شكرا على المتابعة 

    مدونة عرب تك
    @مرسلة بواسطة
    كاتب ومحرر اخبار اعمل في موقع مدونة عرب تك | أتعلم تقنية .

    مقالات متعلقة

    إرسال تعليق



    تبرع لدعم الموقع