الجمعة، 29 مايو 2015

اضافة افضل ثلاثة خطوط في الويب لمدونات بلوجر باحترافيه

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



كيفية اضافة هذا الخط الى مدوناتكم

 
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
</head>
  
وقم بلصق كود الخط الذي تريده قبله تماما 

 

الخط الاول GESSTwoLight

كود الخط الاول

<link href='https://googledrive.com/host/0B-3cyo_HIYMIbGhrM09nZk5sVmc/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>





الخط الثاني GESSTwoMediumRegular

كود الخط الثاني

<link href='https://googledrive.com/host/0B-3cyo_HIYMIbGhrM09nZk5sVmc/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>






الخط الثالث DroidKufi-Bold


كود الخط الثالث

<link href='https://dl.dropboxusercontent.com/s/0saazd998wx8vpn/DroidKufi-Bold.css' rel='stylesheet' type='text/css'/>



الآن بعد ان اضفت كود الخط الذي اخترته  الى القالب تبقى لك خطوه اخيره لكي يظهر هذا الخط في مدونتك  , كل ماعليك الان  هو تغير اسم الخطوط في القالب , وخصوصا الأوسمة المهمه مثل الـ h2 , h3 , h1 , باسم الخط الذي اخترته ولتغيير اسم الخطوط في مدونتك قم بعمل الاتي:

قم بالبحث داخل القالب عن الكود التالي    

Font-family:
 

Font-family:Arial, Tahoma,vardana;       ستجده غالبا بهذا الشكل 

  font-family: كل ماعليك الان هو  استبدال اسم الخط الذي يلي كود الــــ

باسم الخط المطلوب الذي  سبق واضفته لمدونتك 

         GESSTwoLight   وفي مايلي مثال لاضافة الخط الاول المسمى بـ

قبل
Font-family:Arial, Tahoma,vardana;

بعد

Font-family:GESSTwoLight, Tahoma, vardana;


لاحظ هنا اننا قمنا باستبدال اسم الخط Arial   باسم الخط الجديد الذي اضفناه الى المدونه وهو  GESSTwoLight
الان قم بتكرار العمليه على باقي اكواد font-family 

واذا اردت تغيير خط المدونه بالكامل فقم بالبحث عن الكود التالي


body{

واضف الكود التالي بعده مباشره

Font-family:GESSTwoLight, Tahoma, vardana;

وبالاخير قم بحفظ القالب ومعاينة المدونه ومبروك عليك اشهر ثلاثه خطوط في الويب

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets