الأكثر مشاهدة

الخميس، 4 مايو 2017

كيفية إستبدال خط مدونتك إلى خط جميل مثل tahoma أو Droid Arabic kufi أو Droid Arabic naskh

من المهم في المدونة أن يكون خطها جميلا و يظهر بوضوح للزائر
في هذا الدرس الجديد من دروس بلوجر سأقوم بشرح كيفية إستبدال خط مدونتك إلى خط جميل مثل tahoma أو Droid Arabic kufi أو Droid Arabic naskh
وهي خطوط جميلة جدّاً وواضحة للزائر , أنا استعمل مثلاً خط droid arabic kufi و ساشرع في تطبيق الدرس في كيفية وضع هذا الخط الجميل في مدونتك بخطوات جد سهلة وبسيطة تابع معي الشرح

قم بالتوجه إلى لوحة إدارة مدونتك ثم قم بتوسيع القالب 
اضغط على Ctrl+F
و ابحث عن 
<head>

ضع مباشرة بعد الاكواد التالية
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>

الان ابحث عن
font-family

ثم قم بوضع الكود Arabic Droid Kufi امامها مباشرة كما هي مبينة في الصورة


إذا رغبت بتغيير خط مدونتك للخط اخر مثل tahoma فاكتب في المكان المشار إليه tahoma

او اكتب اسم الاكواد الاخرى التي ترغب فيها
Droid Arabic kufi
arial
droid arabic naskh
Helvitica
sanserf

الخط الاجمل من نظري هو droid arabic kufi التي شرحناه في الدرس و طريقة إضافته.

إذا أردت جعل الخط يطغى على كل المدونة (في العناوين و في النصوص و في كل شيء) قم بالضغط على next و ابحث عن جميع font-family وضع بجانبها في أول خطdroid arabic kufi أو الخط الذي اخترته وواصل عملية البحث و التغيير حسب رغبتك.
  
أتمنى يكون الدرس أعجبكم لا تنسوا المشاركة و إذا وجد لديكم أدنى استفسار أنا حاضر معكم إن شاء الله في التعليقات

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

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


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


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

خط Amiri







خط Droid Arabic Kufi


خط Droid Arabic Kufi


خط Droid Arabic Naskh

خط Droid Arabic Naskh

خط Scheherazade

خط Scheherazade


لإستعمال خط 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; مثلا , و هو كود الخط الكوفي .

Popular Posts

احدث المواضيع

Translate

اعلن هنا

مواضيع الاسبوع

مواضيع الشهر


الاتصال