13 أغسطس 2014

مدون محترف خطوط Google كيفية تغيير و استخدام خطوط جوجل في بلوجر

كيفية تغيير و استخدام خطوط جوجل في بلوجر

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


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة

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

تغيير الخط في بلوجر ليس صفقة كبيرة. لأنه لدينا مجموعة كبيرة من الخطوط المتاحة على شبكة الإنترنت على جوجل و تكون الخطوط مجانا من حيث يمكنك اختيار أي خط والبدء في استخدامه على المدونة الخاصة بك أو على شبكة الإنترنت. خطوط جوجل هي واحدة من أكثر الخطوط شعبية و تقريبا كل موقع يستخدم خطوط جوجل من هناك لأن هناك الخطوط كبيرة ويتم استضافتها على خوادم جوجل و هي سريعة حقا. ونحن بحاجة فقط لإضافة علامة ارتباط HTML اسفل <head> التي تدعو الخط للتحميل في المدونة و استخدام خاصية CSS لاستدعاء الخط في عنصر الشبكة.

لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة

كيفية تغيير و استخدام خطوط جوجل في بلوجر

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


1. إزالة الخطوط الحالية في بلوجر

الذهاب إلى المدونة > قالب >> اخذ نسخة احتياطية للقالب
انقر فوق تحرير HTML والبحث عن التعليمات البرمجية التالية 

fonts.googleapis.com

 وهذا سوف يكون متاحا اسفل <head> من القوالب.
بعد العثور على رمز أعلاه، سترى أنه في HTML علامة <link> مثل الصورة في الاسفل.


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة

 قم بإزالة ذلك الرابط
الان قم بحفظ القالب

2. تركيب خط جديد في مدونتك


الانتقال إلى صفحة Google Fonts وإيجاد أفضل خط الذي تريد استخدامه.
بعد اختيار الخط، انقر على
زر " استخدام السريع " Quick use ، كما هو موضح في الصورة أدناه


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة
 

 هذه حميع انماط و اشكال الخطوط


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة

انتقل لأسفل ونسخ كود HTML علامة Link


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة

الذهاب إلى مدون > قالب >> تحرير HTML
البحث عن <head>
لصق رمز اسفله و حفظ القالب.
إذا كان يعطي خطأ، حاول إضافة / قبل < في النهاية، بعد أن تنتهي سيكون مثل </.
حسنا، والآن يتم تثبيت الخط ويتيح تسميها في القالب لدينا.
العودة إلى صفحة خطوط جوجل وانتقل لأسفل أكثر.
هناك، سترى رمز مثل


لا تقلق، إذا كنت مبتدئ و لا تعرف كيفية تغيير و استخدام خطوط جوجل في المدونة الخاصة بك الان سوف اظهر لك ذلك خطوة بخطوة

نسخ هذا الرمز والذهاب إلى  Blogger >> تحرير HTML
البحث عن body { او body{
هناك سترى الخط font-famiy:bla-bla-bla;
إزالة هذا الخط بين font-family ولصق احدة جديدة هناك.
حفظ القالب.
إذا كان الخط لا يعمل بشكل صحيح قم بإضافة التعليمة البرمجية التالية أعلا ]]></b:skin>


body, h1,h2,h3,h4,h5,h6 .post, .post-body, .content-wrapper, .main-wrapper, .outer-wrapper, .footer-wrapper, #content-wrapper, #main-wrapper, #footer-wrapper, #rsidebar-wrapper, .sidebar-wrapper {FONT FAMILY PROPERTY HERE!important}


لصق الخط بعد font family وإزالة الفاصلة المنقوطة لأننا أضفنا ! علامة الهامة التي ستدعو الخط الأهم في مجالات معينة.
حفظ القالب 

اعتذر على الاطالة في الموضوع ولكن اردت ذكر كل شيء بالتفصيل

في امان الله 
مدونة مدون محترف

مواضيع ذات صلة
كيفية تغيير و استخدام خطوط جوجل في بلوجر
4 / 5
بواسطة

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

  1. رائع جدا كنت ابحث عن هذه الطريقه وانت اخى منير تسهل الطريق على
    كم احبك <3

    ردحذف
    الردود
    1. مرورك الرائع يا غالي
      شكرا لك =e

      حذف
  2. غير معرف14 أكتوبر, 2015

    اخى انا لا اجد font

    ردحذف
    الردود
    1. اهلا أخي محمود هذه الاكواد إجباري سوف تكون موجودة في قوالب بلوجر فقط ابحث جيداً

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r