إذا كنت تعاني في مدونتك لأن حجم النص في مدونتك صغير أو كبير في بعض المقالات، يمكنك منح الزائر حرية تكبير وتصغير الخط في مدونتك عن طريق إضافة أداة للتكبير والتصغير الخط في مقالات مدونة بلوجر.
تقوم الأداة بتكبير النص الموجود في المقالة فقط بعد تطبيق الشرح وكذلك تصغير الخط أو إعادته إلى موضعه الافتراضي
وتتوفر هذه الأداة على العديد من المواقع العالمية الشهيرة مثل موقع RT عربي
معاينة الأداة
إضافة أداة تكبير وتصغير الخط في مدونات بلوجر
الخطوة الأولى هي الذهاب إلى لوحة تحكم المدونة المظهر انقر على الأيقونة البرتقالية الموجودة بجانب زر التخصيص ثم انقر على تحرير HTML
الآن أنا أبحث عن الرمز ]]> ثم قم بإضافة الكود التالي فوقه مباشرة
.rfopit{الهامش العلوي:10px;محاذاة النص:يمين}
#كبير{حجم الخط:20px}
#إعادة تعيين{حجم الخط:18px}
#صغير{حجم الخط:16px}
الخطوة الثانية: ابحث عن الكود وأضف الكود التالي فوقه مباشرة
$(function(){
$('input').click(function(){
var ourText = $('.post-body');
var currFontSize = ourText.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == 'large') {
finalNum *= 1.1;
}
else if (this.id == 'small'){
finalNum /=1.1;
}
else if (this.id == 'reset'){
finalNum =16;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
الخطوة الأخيرة هي لصق الكود التالي في المكان الذي تريد أن تظهر فيه الأداة. مثال للعرض في جميع المشاركات. يمكنك لصقه فوق الكود