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

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

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

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

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

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

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

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

Download

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>

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

فتح رابط التوجية