إضافة خاصية العداد الزمني قبل مغادرة صفحة التحميل في بلوجر
في تدوينة اليوم سنتعلم كيف نقوم بوضع عداد زمني لإبقاء الزائر فترة زمنية معينة قبل ظهور رابط التحميل ومغادرة الصفحة أو المدونة ،وما يميز هذه الخاصية هي أنها جيدة بالنسبة للمدونين من ناحية مضاعفة أرباح أدسنس Adsence وتحسين السيو SEO وتقويته مع المساهمة في رفع معدل الإرتداد في موقعك وحل مشكل سرعة خروج الزائر منه بإبقائه لفترة زمنية معينة مع الإنتظار.معاينة الإضافة
- الصورة الأولى لعينة من الكود قبل النقر على زر التحميل
- وللإستفادة من هذا عليك بنسخ هذا الكود ووضعه في صفحة html في تدوينة جديدة فقط
- تغيير الرابط الى الرابط المراد توجيه الزائر اليه فقط والمشار اليه باللون الأحمر والخلفية الصفراء.
- لتغيير المدة الزمنية عليك بتغيير الرقم 10 والمشار اليه باللون الأحمر الى الرقم الذي تريد.
- غير ما تشاء بالنسبة لكلمة إضغط هنا للتحميل
- غير ما هو باللون الأزرق بما تريد ظهوره كرسالة للزائر عند الإنتظار.
انسخ هذا الكود HTML
<div style="background-color: white;">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div dir="rtl" style="color: #3379e4; text-align: center;" trbidi="on">
<center>
<input id="naljaede" style="background-color: #16171900;border-width: 0px;color: #0053f9;font-size: 20px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.53), 0 0 0 0px rgba(0, 0, 0, 0);border-radius: 9px;" type="button" value="إضغط هنا للتحميل">
<div id="CountDown" style="display: none;">
<b>إنتظر قليلا قبل التوجه إلى صفحة التحميل
<img original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyo_Q0x9XoDVFMepJ-ChVEB6Ii00xWLfn5yaLkTDhkkF7ls4XSGXENXJi5AbzjpMS8DxmiDMitLM-8dG7Tv3_EMOKUjlr9waNEaWOmBPRPRnJYqof4HzTWSvn9pPMkn35Mlbu0LQcRPqU/h120/loading.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgswYXO_lA10uH8MuuPTPOfRK3364SHp3d02HXzvvJFew18OvI2vN6gnNNCM_AtNOKj8N8IJbRspg1v992W95hpZJq_85_lYZZaaEw0KNpxpTf3mjDiTzXu6A2BqjTwnFgpHuh9qHJNYd1W/s640/arlinadesign.gif" />
<span id="DrRO"></span> seconds.
</b>
</div>
</center>
</div>
<div align="center">
<!-- [ قم بتغير شفرة الاعلانات الي شفرة اعلاناتك ] -->
<div align="center">
</div>
</div>
<script>
$(function () {
$("#naljaede").click(function () {
var seconds = 10;
$("#CountDown").show();
$("#naljaede").hide();
$("#DrRO").html(seconds);
setInterval(function () {
seconds--;
$("#DrRO").html(seconds);
if (seconds == 0) {
$("#CountDown").hide(); <!-- [قم بتغير رابط تحميل الي رابط برنامج ] -->
window.location = "رابط التحميل هنا";
}
}, 1500);
});
});
</script></div>
</div>
بالتوفيق للجميع إن واجهتك مشكلة اترك تعليقا للرد عليك بسرعة
مرحبا بكم على مدونة الجعبة التقنية
نشكركم على زيارة موقعنا والإستفادة من المحتوى المقدم
سيتم الرد على استفساراتكم فور دخول الأدمن
شكرا لكم