اضافة عداد قبل الولوج الى رابط التحميل هي اضافة جميلة جدا لبلوجر و الهدف منها هو ابقاء الزائر لفترة اطول على الصفحة ، حيث من خلال هاته الاضافة قد تتمكن من اضافة ربح ادسنس و تقوية السيو الخاص بمدونتك ، و الان سنتعرف على طريقة القيام بهاته الخطوة المهمة على جميع مدونات و قوالب بلوجر .
طريقة التركيب :
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.th3developersweb.blogspot.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRp0sLH_D3COtm-FXph3PqaF2O11xiH9HMJ5oH_5eqH8YA_KJxUxGDhiqO49eEQXVMAI28_V0UOXkSFEJLzgxPF4LuxXeGiqR06ExQVUYxEHCTapiDsR4Waft6gym0jCAPV7gE4NrBT1cq/s1600/circular_loader_282_red.gif" /> <br/><br/> <span id="DrRO"></span> 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.th3developersweb.blogspot.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRp0sLH_D3COtm-FXph3PqaF2O11xiH9HMJ5oH_5eqH8YA_KJxUxGDhiqO49eEQXVMAI28_V0UOXkSFEJLzgxPF4LuxXeGiqR06ExQVUYxEHCTapiDsR4Waft6gym0jCAPV7gE4NrBT1cq/s1600/circular_loader_282_red.gif" /> <br/><br/><span>5</span> sec </b></div>
</div>
</center>
التعديل على الكود :
- لا تنسى إستبدال الرابط http://www.th3developersweb.blogspot.com
- / برابط التحميل الخاص بك.
- إذا أردت تغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود .