شرح طريقة إضافة زر مؤقت العد التنازلي في المقالات على بلوجر 2023

اضافة زر التحميل مع عداد مؤقت بشكل مختلف لمدونات بلوجر,زر التحميل يعتبر جزء اساسي من غالبية المدونات خصوصا التي تعتمد على وجود ملفات وشروحات كثيرة.
| عدد كلمات المقال اخر تحديث للمقال

محتوي الموضوع
سيكون الرابط جاهز خلال 0 ثانية
قم بالتمرير للأسفل أو أنقر فوق جلب الرابط للإنتقال بسرعة
تهانينا! تم تجهيز الرابط بنجاح
شرح طريقة إضافة زر مؤقت العد التنازلي في المقالات على بلوجر 2023

هدف كل عمل هو الوصول إلى جمهور أوسع وجني المزيد من الأموال

ومع ذلك، يمكن أن يكون هذا صعبًا بسبب المنافسة والتنافس وأسباب أخرى.


ما هو مؤقت العد التنازلي؟

في العديد من الأحيان، يمكن أن تصادف مواقع تقول "سيبدأ التنزيل بعد 10-15 ثانية". يجب عليك الانتظار لعدد معين من الثواني قبل أن يتم تنزيل الملف الذي تريده تلقائيًا وتظهر صفحة التنزيل العديد من الإعلانات.

تستخدم هذه النوعية من البرامج النصية مؤقت العد التنازلي للتحميل بسببه يجب عليك الانتظار لتنزيل الملف المطلوب.

يستخدم المدونون مؤقت التنزيل حتى يتمكنوا من كسب بعض المال.


كيف يمكن استخدام مؤقت العد التنازلي لتحسين معدل الارتداد في موقع الويب؟

إذا كنت مدونًا ويتم استضافة موقعك على بلوجر وتقدم أيضًا ملفات وثائق قابلة للتنزيل، فيجب عليك أن تفكر في إضافة عنصر مؤقت العد التنازلي للتنزيل.

سيساعدك هذا العنصر على تقليل معدل الارتداد بشكل كبير مما سيؤثر إيجابًا على تحسين محركات البحث (SEO) لمدونتك.


مزايا زر مؤقت العد التنازلي

أول مزايا زر مؤقت العد التنازلي هي أنه سيقلل بشكل كبير من معدل الارتداد في موقع الويب الخاص بالمدون. إذا قدمت رابطًا مباشرًا إلى موقعك على الويب، فإن أي مستخدم يأتي إلى منشورك سيذهب مباشرة لتنزيل المواد ولا يتوق ف على موقعك. ولكن إذا قمت بإضافة بضع ثوان من زر مؤقت العد التنازلي، فسيتوقف المستخدم على موقعك ويمكنه قراءة مشاركتك في نفس الوقت.

ثانيًا، يمكن أن يساعد مؤقت العد التنازلي في جعل موقعك أكثر احترافية وسهل الاستخدام للمستخدمين.

أخيرًا، يمكن استخدام مؤقت العد التنازلي لزيادة الإيرادات من موقع الويب عن طريق وضع الإعلانات داخل صفحة مؤقت العد التنازلي.


كيفية إضافة زر مؤقت العد التنازلي إلى موقع الويب الخاص بك؟

لإضافة زر مؤقت العد التنازلي، يمكنك استخدام بعض الأدوات والبرامج المجانية المتاحة على الإنترنت مثل TempMail، و Linkvertise. يمكنك أيضًا استخدام برامج مثل WordPress لإضافة زر مؤقت العد التنازلي إلى صفحات الموقع.


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

إضافة زر مؤقت العد التنازلي في المقالات

من السهل جدًا تنفيذ هذه الخطوات على بلوجر، فقط اتبع الخطوات التالية لإضافة البرنامج النصي إلى قالب بلوجر الخاص بك:

  1. الخطوة 1: انتقل إلى لوحة تحكم بلوجر وحدد قسم السمة.
  2. الخطوة 2: انقر على علامة تبويب تحرير html.
  3. الخطوة 3: ابحث عن ]]></b:skin> وانسخ الكود css الموجود أدناه والصقها فوق كود ]]></b:skin>.

.downloadInfo{max-width:500px;background-color:#fefefe; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%); border:1px solid #eceff1;border-radius:5px; padding:15px;margin-top:20px;margin-bottom:20px; display:flex;align-items:center; line-height:1.8em;font-size:14px}
.downloadInfo a, .downloadInfo .fileType{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:50px;height:50px; padding:10px; background:#f1f1f0;border-radius:10px}
.downloadInfo a{background-color:#f09800;color:#fefefe; margin:0;padding:10px 12px;border-radius:3px; width:auto;height:auto; line-height:20px;font-size:13px}
.downloadInfo a:after{content:attr(aria-label)}
.downloadInfo .fileType:before{content:attr(data-text)}
.downloadInfo .fileName{flex-grow:1; width:calc(100% - 150px);padding:0 15px}
.downloadInfo .fileName > *{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.downloadInfo .fileSize{line-height:1.4em;font-size:12px;opacity:.8}
.icon.download{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/><polyline points='8 12 12 16 16 12'/><line x1='12' x2='12' y1='2' y2='16'/></svg>")}
.icon{flex-shrink:0; display:inline-block;margin-right:12px; width:18px;height:18px; background-size:cover;background-repeat:no-repeat;background-position:center}
.twtTargetLink{display:none} 
@media screen and (max-width:480px){
.downloadInfo{padding:12px}
.downloadInfo a{width:50px;height:50px;border-radius:10px}
.downloadInfo a:after{display:none}
.downloadInfo a .icon{margin:0}} 
/* CSS darkmode adjusts the class if it is different or removes this section */
.darkMode .downloadInfo{background-color:#252526; border:0}
.darkMode .downloadInfo .fileType{background-color:#1e1e1e)} 

الخطوة التاليه الان ستضع اكواد الجافا سكريبت


<script>
//<![CDATA[
var timeLeft = 10; //الوقت المقدر للعد التنازلى 
var downloadBtn=document.querySelector('.fileLink'),countdown=document.querySelector('.textd');downloadBtn.addEventListener('click',()=>{var e=document.querySelector('.twtTargetLink').innerText,t=setInterval(function(){timeLeft-=1,countdown.innerHTML='Please Wait <span>'+timeLeft+'</span> Sec.',timeLeft<=0&&(clearInterval(t),window.location.href=e,setTimeout())},1e3)});
//]]> 
</script>

إضافة اكواد العد التنازلى فى المقالات

  1. عند وضع العداد التنازلى فى التدوينة يوضع الكود التالى فى اسفل التدوينه
<div class='downloadInfo'>
<span class='fileType' data-text='صيغة الملف'></span>
<div class='fileName'>
<span class='textd'>اسم الملف</span>
<span class='fileSize'>حجم الملف</span>
</div>
<a class='fileLink' aria-label='تحميل'><i class='icon download'></i></a>
</div>
<div class='twtTargetLink'>رابط التحميل</div>

معلومات الكاتب

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

تعليق واحد

  1. بالتوفيق
==================================
== ادعمنا بتعليقٍ تحفيزىً لكى نستمر ==
==================================
أُووبس!
يبدو أن هناك شيئًا خاطئًا في اتصالك بالإنترنت. يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
تم اكتشاف مانع الاعلانات
نتعذر عن عدم عرض المحتوي لانه يوجد اضافة منع الاعلانات.فضلا قم بغلق مانع الاعلانات. بسبب اننا نستخدم الاعلانات لدعم الموقع . شكرا لتفهمكم الامر
الموقع محظور
آسف! هذا الموقع غير متوفر في بلدك.