استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
11-01-2013, بتوقيت غرينيتش 08:15 AM
#1
أسهل طريقه لتغير خط مدونتك على بلوجر إلى خط عربى إحترافى جديد
أعتقد أن جميعنا حاول أكثر من مره أن يستخدم خطوط عربيه جديده فى قالب template مدونته على غرار الخطوط الأجنبيه الجديده التى قدمتها جوجل GOOGLE فى الآونه الأخيره , حيث قدمت لنا جوجل GOOGLE مجموعه كبيره من الخطوط الأجنبيه الجديده والتى تمتاز بشكلها الجميل والمختلف عن الخطوط التى إعتاد المدونون على إستخدامها فى مدوناتهم منذ بداية التدوين مع بلوجر .
جربنا كثيرا كل خط من هذه الخطوط الأجنبيه حتى نجد خطا ملائما للتدوين العربى , ولكننا لم نجد أى منهم يصلح للتدوين باللغه العربيه , ولكن جوجل GOOGLE لم تترك المدونين العرب طويلا بدون طرحها لبعض الخطوط العربيه التى تساعدهم على تحسين وتغيير شكل محتواهم .
وجوجل GOOGLE تقدم لنا الآن 6 خطوط عربيه جديده وهى :
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri

Droid Arabic Kuf

Droid Arabic Naskh

[IMG]Lateef[/IMG]

Scheherazade

Thabit

---------------------------------------------
والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟
تنقسم الخطوات إلى شقين
الشق الأول : إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب template مدونتك , ثم قم بالبحث عن الكود code التالى
رمز Code:
<head>
وضع تحته مباشرة الكود code الخاص بالخط وهو كالتالى للخطوط السته على التوالى
ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
رمز Code:
<link href='http://fonts.googleapis.com/earlyaccess/amiri.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/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود code الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب
ملحوظه : عليك إستخدام كود code واحد من الأكواد التاليه , وإختر هذا الكود code على أسس إختيارك لكود code نوع الخط السابق .
رمز Code:
ont-family: 'Amiri', serif; font-family: 'Droid Arabic Kufi', serif; font-family: 'Droid Arabic Naskh', serif; font-family: 'Lateef', serif; font-family: 'Scheherazade', serif; font-family: 'Thabit', serif;
الصور المرفقة

©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة salima في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:19 AM
-
بواسطة Chakira في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:14 AM
-
بواسطة loulou ange في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:10 AM
-
بواسطة Chakira في المنتدى بلوغر blogger
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 08:06 AM
-
بواسطة ام بهاء في المنتدى الحياة الزوجية
مشاركات: 0
آخر مشاركة: 09-30-2013, بتوقيت غرينيتش 12:28 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى