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

  1. الرئيسية
  2. »
  3. قوالب بلوجر
  4. »
  5. طريقة إضافة خطوط عربية لمدونة بلوجر؛ تغيير خط المقال مدونة بلوجر، خطوط الويب

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

سأعرض في هذة التدوينة كيف تقوم بإضافة خطوط عربية الي قالب بلوجر أو الي مدونتك؟ أو ببساطة كيف تقوم بتغيير خط مدونة بلوجر الي خط عربي مميز ورائع؟ وكيف تقوم بإستخدام هذا الخط داخل المدونة؟ وكيف تقوم بتغيير خط مقالاتك أو موضوعاتك علي بلوجر Blogger ؟
تعرف من هنا علي: افضل 5 قوالب بلوجر احترافية جدا. إطلع أيضاً: كيفية الربح من مدونة بلوجر.
طريقة إضافة خطوط عربية لمدونة بلوجر ؛ تغيير خطوط المقال والمدونة، خطوط الويب Arabic fonts Blogger ،مبتكر

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

إضافة خطوط عربية أو أجنبية وتكون هذه الخطوط مميزة يساعد بشكل كبير في إظهار هوية الموقع وجذب العين ،كما أنه اختيار خط جيد لمقالاتك سيساعد علي قراءة مقالاتك أو تدويناتك بشكل أسهل وممتع .
ولكن يجب أن نأخذ في الاعتبار أن إضافة العديد من الخطوط في الموقع له تأثير سلبي علي سرعة تصفح الموقع ؛ لذا يُنصَح بإضافة خطين فقط أو ثلاثة علي الأكثر .
وكما تلاحظون في الموقع أنا أستخدم خطين ، خط للمقال والأمور العادية والخط الآخر للعناوين . 
وكما استخدم ايضاً خط الايقونات الـ Font Awesome، وهو خط رائع يُمكِنَك من اضافة ايقونات الي موقعك؛ ويمكنك من هنا التعرف علي: طريقة اضافة خط Font Awesome الي مدونة بلوجر.

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

ولإضافة الخطوط الي المدونة هناك طريقتين في إستيراد الخط الأولي وهي عن طريق خاصية الـ Font-Face ، والأخري عن طريق خاصية الـ Link . 
وقد علمت بأنه لا يوجد فرق بين الطريقتين ولكني أفضل طريقة الـ Link ؛ لأنها أسهل وأسرع . 
ولإضافة خط عربي الي مدونة بلوجر نقوم بالآتي : 
أولا أفضل مصدر لإستيراد الخطوط منه هو؛ خطوط الويب من شركة جوجل أو Google Web Fonts،والذي يحتوي علي العديد من الخطوط العربية والأجنبية أيضاً.
يمكنك من هنا مشاهدة الشرح الكامل لـ SEO لمدونات بلوجر

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

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

يمكنك اتباع الخطوات التالية لتغيير الخط في مدونة بلوجر واضافة خطوط عربية إحترافية لمدونات البلوجر.
  1. قم باختيار الخط الذي تريده من موقع Google Web Fonts

  2. قم بإختيار خطين أو ثلاثة علي الأكثر من خلال علامة الزائد "+" فوق الخط . 
    وتعرف من هنا علي قائمة من أفضل خطوط الويب العربية التي يمكنك إستخدامها في مدونة بلوجر.

    وستظهر نافذة صغيرة في الأسفل بها الخطوط التي إخترتها وبها كود التنسيق بالـ CSS 
  3. قم بالضغط علي علامة ال + وانسخ كود الخط الذي تريد اضافته الي مدونة بلوجر

  4.  قُم بنسخ الكود الأول والذي يبدأ بـ 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"   />
  5. ثم قُم بالذهاب الي بلوجر Blogger ثم الي Theme ثم Edit HTML .

  6. قم بالذهاب الي صفحة تعديل الـ HTML الخاصة بمدونتك علي بلوجر حتي تقوم باضافة كود الخط الذي قمنا بنسخه.
  7. قم بوضع كود الـ link فوق وسم  الـ <b:skin> مباشرة . 

  8. وهنا نكون قد إنتهينا تقريباً من إضافة الخط الي مدونة بلوجر ويتبقي فقط تخصيص هذا الخط بلغة الـ CSS عن طريق خاصية الـ font-family . 
  9. إذا أردت تغيير خط المقال نفسه قم بالبحث عن "body" في صفحة تعديل الـ HTML وستجد الـ Font-family  متبوعا بإسم الخط الذي تريد إزالته وتغييره بالخط الجديد . 

  10. فمثلا بدلا من ";font-family:sky" غير ال sky الي اسم الخط الذي قمنا بإستيراده "Tajawal"
    تقدر تبحث وانت في صفحة EDIT HTML عن طريق الضغط علي CTRL + F.
يمكنك تغيير الخط عن طريق تغيير خط ال Body نفسه، أو في بعض القوالب الخاصة ببلوجر يمكنك تغيير الخط عن طريق تغيير الخط ل ".post-body"
فمثلا قم بجعل الكود كالتالي
body{ font-family:tajawal !important; } .post-body, .post-body div, .post-body p, .post-body span { font-family:tajawal !important; } ويمكنك نسخ الكود السابق ووضعه في كود ال CSS مباشرة.
وشــــــــكراً 

ليست هناك تعليقات

إرسال تعليق

خدماتي علي خمسات