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

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

في هذا البرنامج التعليمي، سوف نتعلم كيفية إضافة زر تنزيل مع مؤقت للعد التنازلي على Blogger بسهولة.

كيفية إضافة زر التحميل مع عداد تنازلي على بلوجر

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

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

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

عند إضافة زر تنزيل مع مؤقت للعد التنازلي إلى مدونات Blogger، يمكنك الاستفادة من العديد من الفوائد، بما في ذلك:

  • تحسين تجربة المستخدم: تعمل هذه الميزة على تحسين تجربة المستخدم الإجمالية من خلال جعل عملية التنزيل أكثر سهولة ووضوحًا. عندما يكون لديك زر تنزيل واضح وبارز، يصبح من السهل على زوارك العثور على المحتوى الذي يريدون تنزيله.
  • زيادة مشاركة المحتوى: يساهم زر التنزيل في زيادة مشاركة المحتوى الخاص بك. عندما يتمكن الزوار من تنزيل الملفات بسهولة، يكونون أكثر استعدادًا لمشاركة المحتوى مع الآخرين والوصول إلى المزيد من الأشخاص.
  • تعزيز مظهر الاحتراف: يمكن أن تمنح ميزة العد التنازلي مدونتك لمسة احترافية وتساعد على تعزيز تجربة المستخدم.

فيما يلي بعض التفاصيل الإضافية حول فوائد إضافة زر تنزيل مع مؤقت للعد التنازلي إلى مدونات Blogger:

1. تحسين تجربة المستخدم

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

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

2. زيادة مشاركة المحتوى

يمكن أن يساهم زر التنزيل في زيادة مشاركة المحتوى الخاص بك. عندما يتمكن الزوار من تنزيل الملفات بسهولة، يكونون أكثر استعدادًا لمشاركة المحتوى مع الآخرين والوصول إلى المزيد من الأشخاص.

يمكن أن يؤدي هذا إلى زيادة انتشار محتوى مدونتك وزيادة جمهورك.

3. تعزيز مظهر الاحتراف

يمكن أن تمنح ميزة العد التنازلي مدونتك لمسة احترافية وتساعد على تعزيز تجربة المستخدم. يمكن أن يساعد في جعل مدونتك تبدو أكثر حداثة وحداثة.

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

طريقة إضافة زر التحميل مع عداد تنازلي على Blogger

1- توجه إلى بلوجر المظهر تعديل HTML

2- تبحث عن الوسم <head/> ثم تضع فوقه مباشرة الكود التالي:


    <style>
.dowbox {display: flex;justify-content: center;padding: 15px 0;}
.gedone{background: #cbffb5;padding: 10px 20px;border-radius: 3px;}
#Stop_Timer {background: #f7f7f7;padding:0 0 1px 0;border-radius: 3px;text-align: center;}
.jistbutton{border-radius:3px;}
Cnt-Timer{font-size:16px;opacity:.8;display:inline-flex;align-items:center}
Cnt-Timer svg{width:20px; height:20px;}
.jistbutton {width: fit-content;font-size: 14px;border-radius: 3px;background: #43a533;align-items: center;padding: 5px 15px;color: #fff;display: flex;margin: 0 auto;}
.jistbutton svg {fill: transparent;margin-left: 6px;stroke: #fff;width: 16px;height: 16px;}
</style>  

3- تبحث عن الوسم <body/> ثم تضع فوقع الكود التالي:


<script>/*<![CDATA[*/ 
var counter = 10; // أضف الوقت هنا بالثواني
var id,downloadButton=document.getElementById("Stop_Timer"),newElement=document.createElement("p");function startDownload(){this.style.display="none",id=setInterval(function(){counter--,counter<0?(newElement.parentNode.replaceChild(downloadButton,newElement),clearInterval(id)):newElement.innerHTML="<center><strong>انتظر <span>"+counter.toString()+"</span> ثوان</strong><p/><Cnt-Timer><svg viewBox='0 0 40 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'></animateTransform></path></svg> جاري تجهيز الملف... انتظر رجاء!</Cnt-Timer></center>"},1e3)}newElement.innerHTML="<span></span>",downloadButton.parentNode.replaceChild(newElement,downloadButton);var clickbtn=document.getElementById("Count_Time");clickbtn.onclick=startDownload;
/*]]>*/ </script> 
  

4- الآن تتوجه إلى المقالة التي تريد فيها وضع زر التحميل وتختار المكان المناسب ثم تقوم بلصق فيه الكود التالي:


<div class="downloadb">
<div class="dowbox"style="text-align: center;"><a class="jistbutton" id="Count_Time"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="transparent" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"/></svg> تحميل</a> </div>
<div id="Stop_Timer" target="_blank">
  
<!-- أضف المحتوى الخاص بك هنا لإظهاره بعد انتهاء المؤقت -->
<p class="gedone">رابط التحميل جاهز! انقر على  الزر أسفله للتحميل<p/> 
<a href="####" class="jistbutton"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"/></svg> تحميل</a>
</div>
</div>
  

5- تغير علامة #### برابط التحميل وتضغط على حفظ. ومبروك عليك تقوم بعرض المقال وتجرب وستعمل معك.

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

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

بإتقان إضافة زر التحميل مع عداد تنازلي، يمكنك جذب انتباه القراء وتشجيعهم على التفاعل مع محتواك بطريقة مثيرة وجذابة. كما يمكنك تنظيم وترويج الموارد والملفات التي ترغب في مشاركتها مع جمهورك.

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