القائمة الرئيسية

الصفحات

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

السلام عليكم ورحمة الله ، أهلاً وسهلاً بكم متابعي و زوّار موقع عبدو تك في هذا الدرس و الشرح الجديد الذي سأتطرق فيه لطريقة تغيير خط المدونة في بلوجر ليصبح ذو شكلٍ أجمل وأكثر عصرية وأسهل في القراءة والفهم. هيّا نبدأ !


ربما قد تجولت بين المواقع الأجنبية والعربية ورأيت الكثير من الخطوط بأشكال مختلفة ، وحتماً تريد أن تقوم بتغيير خط مدونتك الى شكل جميل واحترافي يجذب القارىء والزائر للمواضيع التي تقوم بنشرها. الأمر بسيط ، حيث قامت جوجل بتوفير الكثير من الخطوط لاستخدامها في المدونات بشكل مجاني تماماً.

إذا أردت الإطلاع على أحدث الخطوط من جوجل قم بالضغط هنا للذهاب الى موقع خطوط جوجل Google Fonts . حيث تقوم شركة جوجل بإضافة المزيد من الخطوط الجديدة كل فترة من الزمن.

بعد اختيارك للخط ، وأنا أقترح عليك الخطوط العربية التالية :

Lateef

Cairo

Amiri

Changa

Mada 

Aref Ruqaa

Mirza

Katibeh 

Markazi Text
بعد أن تختار الخط الذي تريد ، نأتي لطريقة تركيبه على المدونة .فيما يلي أكواد ال CSS الخاصة بكل خط من الخطوط السابقة :
font-family: 'Lateef', cursive;
font-family: 'Cairo', sans-serif;
font-family: 'Amiri', serif;
font-family: 'Changa', sans-serif;
font-family: 'Mada', sans-serif;
font-family: 'Aref Ruqaa', serif;
font-family: 'Mirza', cursive;
font-family: 'Katibeh', cursive;
الآن اتبع الخطوات الآتية :
افتح لوحة التحكم بالمدونة
اذهب الى المظهر > تحرير HTML
اضغط CTRL + F وابحث عن وسم <head/>
قم باضافة الكود التالي فوقه مباشرة :
<link href="https://fonts.googleapis.com/css?family=Amiri|Aref+Ruqaa|Cairo|Changa|Katibeh|Lateef|Mada|Mirza|" rel="stylesheet"/>
 ثم قم بالبحث باستخدام CTRL + F عن الوسم <b:skin> وقم بوضع كود الخط الخاص الذي قمت باختياره تحته مباشرة ، مثلاً :
*{ font-family: إسم الخط هنا !important;}
لنفترض أنك اخترت خط Cairo ، فسيكون الكود كالآتي :
*{ font-family:Cairo !important;}
بعد إجراء التغييرات اللازمة ، تقوم بحفظ المظهر وسيتم تطبيق الخط الجديد على المدونة.
وبذلك تكون قد حصلت على 8 خطوط جميلة جداً للمدونات والتي ستزيد من جاذبية المدونة للزوار ، كما أن الخط الجميل يحسّن الشكل الكلّي للموقع ويجعله يبدو احترافياً وهو دليل على اهتمام صاحب الموقع بموقعه وبتطويره وتقدّمه.

الى هنا يكون قد انتهى الشرح ، أرجو أن تكونوا قد استفدتم و وفقتم في تطبيق الشرح دون مشاكل أو صعوبات. اذا وجهتك اية مشكلة فلا تتردد بطرحها في التعليقات لنساعدك في حلها ، في أمآن الله .

author-img
الكاتب: م.عبدالرحيم مغربي من مواليد 1990، مصمم، مدون، ومؤسس موقع اكادمية عبدو للمعلوميات، أحب وأعشق المجال التقني، لطالما حلمت بأن أمتلك موقع خاص بي، لذا عندما توفرت لي الفرصة لم أفوت ذالك وأنشأت هذا الموقع لأشارك معكم معلوماتي التقنية، وخبرتي في مجال التصميم أيضا.. يمكنك التواصل معي عبر البريد الإلكتروني التالي: Techno3logy@gmail.com.

تعليقات