الاثنين، 10 أكتوبر 2016

100 100 100

إضافة عداد زمنى قبل الخروج من رابط التحميل بلوجر ' مضاعفة أرباح أدسنس '

إضافة عداد زمنى قبل الخروج من رابط التحميل بلوجر ' مضاعفة أرباح أدسنس '

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

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

1 إذهب إلى لوحة تحكم بلوجر ثم تحرير القالب ثم أضف  الكود التالى قبل وسم </head> :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
إذا كان هذا الكود لديك فى القالب فلا داعى لإضافته مرة أخرى
2 إذهب إلى صفحة المشاركة التى تريد إضافة الرابط الخارجى أو رابط التحميل بها ثم أضف الكود التالى داخل تبويب HTML للمشاركة ، حيث سنقوم باضافة احد الاكواد التالية لانه هناك طريقتين لاظهار العداد :

الطريقة 1 : عرض العداد الزمنى بعد الضغط على الرابط  وقبل إعادة التوجيه إلى الصفحة الخارجية

<script>
$(function () {
    $("#condaianllkhir").click(function () {
        var seconds = 5;
        $("#CountDown").show();
  $("#condaianllkhir").hide();
        $("#DrRO").html(seconds);
        setInterval(function () {
            seconds--;
            $("#DrRO").html(seconds);
            if (seconds == 0) {
                $("#CountDown").hide();
                window.location = "http://www.amni8.com/";
            }
        }, 1000);
    });
});
</script>
<center>
<br/>
<br/>
 <input type="button" id="condaianllkhir" value="إضغط هنا للتحميل" />
<br />
<br />
<div id="CountDown" style="display: none">
<b>إنتظر قليلا قبل التوجه إلى صفحة التحميل <br/> <br/> <img src="https://1.bp.blogspot.com/-u4Rs1Dgnxsw/V-9hNajkfRI/AAAAAAAAI2I/ckCdj81EK9Ah5pwTUwEua7jYa4xznsEQgCLcB/s1600/circular_loader_282_red.gif" /> <br/><br/> <span id="DrRO"></span>&nbsp;seconds.
</div>
</center>

الطريقة الثانية: عرض عداد تنازلى قبل ظهور الرابط  الخارجى

<script>
jQuery(document).ready(function() {
var sec = 5
var timer = setInterval(function() {
   $("#condaianllkhir span").text(sec--);
   if (sec == 0) {
$("#DrRO").delay(1000).fadeIn(1000);
$("#condaianllkhir").hide(1000) .fadeOut(fast);}
},1000);
});
</script>
<center>
<br/>
<br/>
<a class="button" href="http://www.amni8.com/" id="DrRO" rel="nofollow" style="display: none;" target="_blank">رابط التحميل</a>
<div id="condaianllkhir">
<b></b>
<div style="font-size: large;">
<b>إنتظر قليلا حتى يظهر الرابط <br/> <br/> <img src="https://1.bp.blogspot.com/-u4Rs1Dgnxsw/V-9hNajkfRI/AAAAAAAAI2I/ckCdj81EK9Ah5pwTUwEua7jYa4xznsEQgCLcB/s1600/circular_loader_282_red.gif" /> <br/><br/><span>5</span> sec </b></div>
</div>
</center> 

 التعديل على الكود :


  1. لا تنسى إستبدال الرابط http://www.amni8.com/  برابط التحميل الخاص بك.
  2. إذا أردت تغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود .

مواضيع حصرية

...
لن تجد مثلها على أي موقع اَخر

Whatsapp Button works on Mobile Device only