كيفية إضافة اداة تغيير حجم النص في مدونه بلوجر

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

ما هو اداة تغيير حجم النص

يسمح Text Resizer للأشخاص ذوي الإعاقة بجعل النص على موقع الويب أكبر أو أصغر، دون فقدان أي من المعلومات الموجودة على الصفحة. سيساعد هذا مواقع الويب على اتباع توجيه WCAG 2.0 AA 1.4.4، والذي ينص على أن النص يجب أن يكون قادرًا على تغيير حجمه حتى 200٪ من حجمه الأصلي.

مزاية اداة تغيير حجم النص

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

كيفية إضافة الاداة

لإضافة وظيفة Text Resizer لمدونه بلوجر، يجب عليك اتباع الخطواط التالية.

ملاحظة
لنسخ الكود انقر فوقه للنسخ، واذا لم تنجح في نسخ الاكواد يمكنك تحميلهم من زر التحميل اسفل.

  1. انتقل إلى - لوحة تحكم Blogger
  2. ثم اذهب الي القالب
  3. انتقل إلى - تحرير HTML
  4. بحث عن وسم - </body>
  5. بعد ايجاد الوسم </body> قم بلصق الاكواد التالية فوقه مباشر.
<b:if cond='data:view.isPost'>
<div class='Tresizerts'>
<div id='Ifont'>A+</div>
<div id='Dfont'>A-</div>
</div>
</b:if>
<style>
  /* Text Resizer CSS */
.Tresizerts{position:fixed;right:25px;bottom:150px;background:#ffffff;box-shadow:0 0 5px #000000;border-radius:5px;box-sizing:border-box;z-index:1;transition:all .3s linear}
.darkMode .Tresizerts{background:var(--darkU);color:#ffffff;box-shadow:0 0 5px #ffffff}
#Ifont,#Dfont{font-size:18px;padding:10px;box-sizing:border-box;background:#ffffff;color:#000000}
.darkMode #Ifont,.darkMode #Dfont{background:var(--themeC);color:#ffffff;border-color:#ffffff} 
#Ifont{border-radius:5px 5px 0 0;border-bottom:.5px solid #000000} 
#Dfont{border-top:.5px solid #000000} #Dfont{border-radius:0 0 5px 5px} 
#Ifont:hover,#Dfont:hover{background:var(--themeC);color:var(--darkU);}
</style>
<script src='https://code.jquery.com/jquery-3.6.0.min.js'/>
<script>/*<![CDATA[*/ 
$("").ready(function(){$("#Ifont").click(function(){curSize=parseInt($(".postBody").css("font-size"))+1,curSize<=20&&$(".postBody").css("font-size",curSize)}),$("#Dfont").click(function(){curSize=parseInt($(".postBody").css("font-size"))-1,curSize>=10&&$(".postBody").css("font-size",curSize)})});
/*]]>*/</script>

ينتهي هنا موضوعنا عن "كيفية إضافة اداة تغيير حجم النص في مدونه بلوجر"، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

تقييم المقالة

عن الكاتب

عبدالحميد ميدو منشئ محتوى رقمي ومهتم بجديد التقنية بشكل عام والبرمجة JS ,CSS بشكل خاص
معلومات أكثر

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - لإضافة كود برمجي حوله أولاً بمحول الأكواد
4 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام
ملفات تعريف الارتباط
نحن نستخدم ملفات تعريف الارتباط ( كوكيز ) لفهم كيفية استخدامك لموقعنا ولتحسين تجربتك في المحتوى والإعلانات..
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.