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

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


قائمة الخطوط المتوفرة

خط الجزيرة


خط الجزيرة

كود الخط

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

يتوفر الخط على شكلين , خط عادي و خط عريض
الخط العادي : jsregular
الخط العريض : jsbold

معاينة الخط من هنا : رابط المعاينة الحية

خط Neo

كود الخط
    <link type="text/css" href="https://cdn.rawgit.com/Modareb/files/master/fonts/neo.css"  rel="stylesheet"/>

خط neo‬‎

خط Atrissi

كود الخط
<link type="text/css" href="https://cdn.rawgit.com/Modareb/Codatey/secure/fonts/Atrissi.css"  rel="stylesheet"/>

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

خط MyriadArabic

كود الخط
    <link type="text/css" href="https://cdn.rawgit.com/Modareb/Codatey/secure/fonts/MyriadArabic.css"  rel="stylesheet"/>

‪Myriad Arabic‬‏


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

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

نقوم بالدخول إلى المظهر( القالب ) ⇽  تحرير 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 , كما هي الحالة لباقي الخطوط , نقوم بتغيير الخط الأصلي بإسم الخط الذي نريد إستعماله .

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

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

avatar

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

delete 13/4/17
avatar

يشرفني متابعتك للمدونة , شكرا على التعليق الأكثر من مشجع (D)

delete 19/6/17
avatar

كيف اجعله نمط الكتابة الرئيسي بالمدونة ؟

delete 10/7/17
avatar

تغيير css :
إبحثي عن إسم الخط المستعمل في مدونتك ثم غيريه بإسم الخط الجديد .
كمثال :

font-family:Georgia;

تجب تغيير Georgia لأنه إسم الخط المستعمل , نغيره مثلا لـ Neo

font-family: Neo;

delete 10/7/17
avatar

شكرا اخى على الاضافة
واتمنى تدلنى على طريقة لاشهار مدونتى واعطنى رائيك فيها
https://qawaliib.blogspot.com

delete 12/7/17
avatar

مرحبا بك و شكرا على مرورك , مدونتك رائعة قم فقط بحذف الأدوات الفارغة في السايدبار بالتوفيق

delete 12/7/17



التعابير