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

Post Top Ad

أعلن هنا

Post Top Ad

السبت، 1 نوفمبر 2014

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

إعلانك هنا
يعتبر الخط أحد أهم العوامل الظرورية سواء في الحصول على تصميم مبهر لمدونتك أو حتى في مساعدة الزائر أو المتابع على القراءة , فلو كان الخط غير مقروء أو غير واضح فتأكد أن ذلك العامل منفر للزوار و قاتل للمدونة .
هل مللت من خط موقعك و تريد تغييره ؟ إليك الحل .

change-blogger-font


تقدم جوجل عددا من الخطوط المميزة التي يمكن استعمالها في صفحات الويب مباشرة بنسخ و لصق أكواد CSS .
تختار منها ماتشاء لمدونتك على بلوجر .
الخطوط هي :
خط Amiri

amiri-font







خط Droid Arabic Kufi
(الخط المستعمل في مدونة مدون بلوجر )

Droid-Arabic-Kufi-font


خط Droid Arabic Naskh

Droid-Arabic-Naskh-font

خط Scheherazade
Scheherazade-font


لإستعمال خط Amiri في مدونتك , قم بنسخ هذا الكود :

<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>

لإستعمال خط Droid Arabic Kufi في مدونتك , قم بنسخ هذا الكود :

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

لإستعمال خط Droid Arabic Naskh  في مدونتك , قم بنسخ هذا الكود :

<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>

لإستعمال خط Scheherazade في مدونتك , قم بنسخ هذا الكود :

<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' 
type='text/css'/>


توجه نحو لوجة التحكم الخاصة بك على بلوجر , توجه نحو قالبك على أساس التعديل عليه , و من ثم اضغط على CTRL+F
و اكتب

</head>

قبله مباشرة , قم بإضافة كود من تلك الأكواد الخاصة بالخطوط التي تريد إستعمالها .

على أساس اختيارك لخط من تلك الخطوط , قم بنسخ كود من هذه الخطوط , انسخ سطر واحد فقط على حسب اختيارك للخط !

font-family: 'Amiri', serif;

font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;

font-family: 'Scheherazade', serif;


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



في كود ال css الخاص بك , توجه نحو ال body , بعد الضغط على CTRL+F :
body{

داخلها أضف font-family: 'Droid Arabic Kufi', serif; مثلا , و هو كود الخط الكوفي .

إن تعرضت لمشلكة , أو واجهتك أي صعوبة , لا تترد في الإستفسار و سيأتيك الرد , بمكنك وضع إستفسارك في تعليق , أو بمراسلتنا على صفحة الفيسبوك

إقرأ أيضا :

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

إرسال تعليق

Post Top Ad

إجمالي مرات مشاهدة الصفحة

  • 5765

    Posts
  • 3

    Comments
  • 368749

    Pageviews

تواصل معنا

أكثر من 600,000+ يتابعون موقعنا عبر وسائل التواصل الإجتماعي إنظم إلينا الآن

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

عن الموقع

Sans+titre+copy«إمو التعليمية» هي مدونة إلكترونية متخصصة في مجال الأسرة والمجتمع والتكنولوجيا الإلكترونية الهدف من هذا القانون هو نشر الثقافة التقنية للجميع من خلال سلسلة من المقالات والدورات التعليمية المجانية ، اعتقادا منها أنه يجب نشر العلم ، وليس بيعه ، لجذب انتباه المعلمين العرب وتحفيزهم على التدوين في الميدان من تقنيات التعليم لنشر أفكارهم وخبراتهم. تقوم المدونة بترجمة أهم المقالات والأخبار على المواقع الأجنبية
معرفة المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *