طريقة اضافة خطوط عربية لمدونة بلوجر، تغيير خط المقال بلوجر

طريقة إضافة خطوط عربية لمدونة بلوجر؛ تغيير خطوط المقال والمدونة، خطوط الويب، تغيير خط مدونة بلوجر Arabic fonts Blogger ،مبتكر

تعرف من هنا علي: افضل 5 قوالب بلوجر احترافية جدا. إطلع أيضاً: كيفية الربح من مدونة بلوجر.

اضافة خطوط عربية إحترافية لمدونات البلوجر، تغيير الخط في بلوجر :

ولكن يجب أن نأخذ في الاعتبار أن إضافة العديد من الخطوط في الموقع له تأثير سلبي علي سرعة تصفح الموقع ؛ لذا يُنصَح بإضافة خطين فقط أو ثلاثة علي الأكثر .

وكما استخدم ايضاً خط الايقونات الـ Font Awesome، وهو خط رائع يُمكِنَك من اضافة ايقونات الي موقعك؛ ويمكنك من هنا التعرف علي: طريقة اضافة خط Font Awesome الي مدونة بلوجر.

كيفية تغيير خط المدونة وإضافة خطوط جديدة:

ولإضافة خط عربي الي مدونة بلوجر نقوم بالآتي : 

يمكنك من هنا مشاهدة الشرح الكامل لـ SEO لمدونات بلوجر. 

خطوط عربية بلوجر :

كيفية تغيير خط المقال في مدونة بلوجر واضافة خط عربي مميز، تغيير خط مدونة بلوجر

يمكنك اتباع الخطوات التالية لتغيير الخط في مدونة بلوجر واضافة خطوط عربية إحترافية لمدونات البلوجر.

1. 1. قم باختيار الخط الذي تريده من موقع Google Web Fonts

قم بإختيار خطين أو ثلاثة علي الأكثر من خلال علامة الزائد “+” فوق الخط . 

وستظهر نافذة صغيرة في الأسفل بها الخطوط التي إخترتها وبها كود التنسيق بالـ CSS 

1. 1. قم بالضغط علي علامة ال + وانسخ كود الخط الذي تريد اضافته الي مدونة بلوجر

قُم بنسخ الكود الأول والذي يبدأ بـ Link ؛ وقم بوضع هذا الكود فوق وسم الـ <b:skin> مباشرة .  ولكن قُم بإضافة علامة السلاش “/” في آخر الكود وأيضاً قُم بإستبدال علامة الـ “&” بالمقطع  “;amp&”. ليصبح الكود بدلاً من <link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&display=swap" rel="stylesheet"  >

<link href="https://fonts.googleapis.com/css?family=Cairo|Tajawal&amp;display=swap" rel="stylesheet"   />

1. 1. ثم قُم بالذهاب الي بلوجر Blogger ثم الي Theme ثم Edit HTML .

قم بالذهاب الي صفحة تعديل الـ HTML الخاصة بمدونتك علي بلوجر حتي تقوم باضافة كود الخط الذي قمنا بنسخه.

1. 1. قم بوضع كود الـ link فوق وسم  الـ <b:skin> مباشرة .

1. 1. إذا أردت تغيير خط المقال نفسه قم بالبحث عن “body” في صفحة تعديل الـ HTML وستجد الـ Font-family  متبوعا بإسم الخط الذي تريد إزالته وتغييره بالخط الجديد .

يمكنك تغيير الخط عن طريق تغيير خط ال Body نفسه، أو في بعض القوالب الخاصة ببلوجر يمكنك تغيير الخط عن طريق تغيير الخط ل “.post-body”

body{ font-family:tajawal !important; } .post-body, .post-body div, .post-body p, .post-body span { font-family:tajawal !important; } ويمكنك نسخ الكود السابق ووضعه في كود ال CSS مباشرة.