يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

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

نشرح لكم كيفية إضافة اداة تغيير حجم النص في مدونة بلوجر ليقدر الأشخاص ذوي الإعاقة التحكم في تكبير او تصغير النص علي المدونة الخاصة بك.
الرجاء الانتظار 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>

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

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

إرسال تعليق

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