بلوجر, شروحات بلوجر

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

24 مارس 2018

هذه التدوينة أو جزء من محتواها بحاجة إلى تحديث، سنقوم بتحديثها في أقرب وقت ممكن.

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

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

قائمة الخطوط

خط نسيم

خط نسيم nassim

كود الخط

<link href='//cdn.rawgit.com/codatey/f/one/fonts/Nassim/font.css' rel='stylesheet' type='text/css'/>

استعمال الخط

font-family:nassim;

خط الجزيرة

خط الجزيرة - aljazeera font

كود الخط

<link href='//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Jscdt.css' rel='stylesheet'/>

استعمال الخط

font-family:jsregular; font-family:jsbold;
حيث يتوفر الخط على شكلين , خط عادي و خط عريض الخط العادي : jsregular الخط العريض : jsbold معاينة الخط من هنا : رابط المعاينة

خط Neo

خط نيو - neo font

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/files/master/fonts/neo.css" rel="stylesheet"/>

استعمال الخط

font-family:neo;

خط Atrissi

خط Atrissi

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/Atrissi.css" rel="stylesheet"/>

استعمال الخط

font-family:Atrissi;

خط MyriadArabic

 خط MyriadArabic

كود الخط

<link type="text/css" href="//cdn.rawgit.com/Modareb/Codatey/secure/fonts/MyriadArabic.css" rel="stylesheet"/>

استعمال الخط

font-family : MyriadArabic;

طريقة تركيب الخطوط

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

نقوم بالدخول إلى المظهر( القالب ) ⇽ تحرير HTML . بواسطة ctrl + f نبحث عن وسم <head> ( يكون في أعلى القالب ) , ثم نضع كود الخط تحته مباشرة كمثال في الصورة التالية


طريقة تركيب الخطوط

بعدها نقوم بتغيير الخطوط الموجودة بالقالب : أكواد css الخاصة بتغيير شكل الخط هي font-family و font . سنقوم بالبحث في القالب عن هذه الكلمات و نقوم بتغيير محتواها , كمثال هذا الكود
.post h3 { color: #333333; font-family: Oswald,Arial; font-size: 27px; }

الخط الذي يجب تغييره في هذه الحالة هو Oswald و arial , ليصبح الكود هكذا :
.post h3 { color: #333333; font-family: neo; font-size: 27px; }

Neo هو إسم الخط  , لذلك غيرنا oswald و arial ل neo , كما هي الحالة لباقي الخطوط , نقوم بتغيير الخط الأصلي بإسم الخط الذي نريد إستعماله , إذا كنت ستستعمل أكثر من خط نقوم بتقسيمها بالفاصلة كـ oswald , neo إذا كنت تعرف إسم الخط المستعمل في مدونتك و تريد تغييره فتوجد طريقة أفضل هي الضغط على ctrl + shift + R في محرر أكواد html في بلوجر و كتابة إسم الخط المستعمل في المدونة ( الخط الذي نريد تغييره ) ثم نضغط على التأكيد , ستظهر لنا مساحة أخرى سنكتب فيها إسم الخط الجديد .
التعليقات
  1. تعمل بصوة عجيبة، فابتسامة واحدة ودودة لطيفة من صديق طيب في يوم أسود، غيرت مسار حياتي.

    ردحذف
  2. لو سمحت ما اسم الخط المستخدم حاليا في الموقع

    ردحذف
  3. الخط المستعمل اسمه Myriad Arabic

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

    ردحذف
  5. لم اجد مكان وضع اسم الخط

    ردحذف