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

| تعليقات (82)

من المهم في المدونة أن يكون خطها جميلا و يظهر بوضوح للزائر
في هذا الدرس الجديد من دروس بلوجر سأقوم بشرح كيفية إستبدال خط مدونتك إلى خط جميل مثل 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 أو الخط الذي اخترته وواصل عملية البحث و التغيير حسب رغبتك.
  
أتمنى يكون الدرس أعجبكم لا تنسوا المشاركة و إذا وجد لديكم أدنى استفسار أنا حاضر معكم إن شاء الله في التعليقات

بالتوفيق ^^



+ تعليقات + 82 تعليقات

27 ديسمبر 2012 في 4:53 ص

شكرا
------------
http://ps-tek.blogspot.com/

27 ديسمبر 2012 في 10:11 ص

العفو أخي
مدونتك حلوة ^^
بالتوفيق

>>
غير معرف
30 ديسمبر 2012 في 2:39 ص

بارك الله فيك يا أخي العزيز ولكن هلا شرحت لنا من فضلك كيف نغير خطوط العناوين و شكلها و ح http://kanz- ribh.blogspot.com/

2 مارس 2013 في 3:30 ص

من اهم مميزات القالب جماله الذي يعطي انطباع لدي زائر مدونتك انك من محترفين المواقع وسيكون علي ثقة ان ما تشرحه يدل علي الخبرة لديك وشكرا جزيلا علي الشرح

http://alyomtop.blogspot.com/

2 مارس 2013 في 10:35 ص

بارك الله فيكم يا اخوة وشكرا على تشجيعاتكم

26 مارس 2013 في 2:11 ص

جامد جدا
http://47t.blogspot.com/

يا أخي بحثت على الكود الي قلت عنه ما لقيته شو اساوي

أقصد الكود الأول عملت متل ما قلت ما طلع معاي الكود الي بدي استبدله بالكود الي بالأسفل يا ريت الرد

15 أبريل 2013 في 11:52 ص

إبحث عن هذا الكود

إذا لم تجده فأظن ان خط الكتابة في مدونتك هو نفسه
tahoma
أليس كذلك؟؟؟

15 أبريل 2013 في 12:03 م

الكود هو الكود الاول قم فقط بحذف
Arial
التي توجد بجانب
tahoma
في السطرين الثاني والثالث


https://www.facebook.com/ouarhou.radouane1

16 أبريل 2013 في 4:47 م

بارك الله فيك و احسن الله اليك
http://tec-nador.blogspot.com/

16 أبريل 2013 في 10:32 م

جزاك الله خيرا
بالتوفيق ^_^

4 مايو 2013 في 3:46 م

تسلم موضوع رائع
تقبل مرورى
عالم مشكله الساخر
http://moshkla1.blogspot.com/

5 مايو 2013 في 6:59 ص

شكرا اخي بالتوفيق

8 يوليو 2013 في 10:05 ص

لو سمحت عندما أبحث عن font-family لا أجدها ارجو ذكر السبب

8 يوليو 2013 في 10:26 ص

السلام عليكم ورحمة الله
لا أظن ان الfont-family لا توجد
أخبرني عن طريقة البحت التي استعملتها أخي؟
عموما اتبع الخطوات التالية أثناء البحث
بعد أن تفتح لوحة تعديل القالب إضغط على الإختصار التالي في لوحة المفاتيح ctrl+F ثم أكتب في خانة البحث font-family ثم اضغط Entrer و أنا متأكد أنك ستجدها
بالتوفيق أخي
إدا واجهت اي مشكل انا لا أزال في الخدمة

8 يوليو 2013 في 3:45 م

شكرا ولكن انا خط المدونة لونه رصاصى اريد تغييره الى الاسود كيف

13 يوليو 2013 في 7:12 ص

بدّل كود اللون رصاصي بكود اللون الأسود الذي هو #000000

14 يوليو 2013 في 2:52 م

جزاك الله خيرًا
شرح مبسط وجهد مشكور
http://alsaftawy.blogspot.com/

14 يوليو 2013 في 4:46 م

بارك الله فيك أخي yahia على التعليق و المرور الجميل

16 يوليو 2013 في 8:28 ص

you must see this site is very good

http://saidonline006.blogspot.com/

20 يوليو 2013 في 11:31 ص

جميل بالتوفيق

>>
غير معرف
25 يوليو 2013 في 11:02 م

أخي لا يمكنني نسخ الكود
إذا نسخته يظهر لي رابط المدونة

26 يوليو 2013 في 4:15 ص

لا أخي أنا لا استعمل هذه الخاصية في المدونة
بعد أن تقوم بالتاشير على النص الذي تريد نسخه إضغط على Ctrl+C للنسخ و Ctrl+V لللصق

بالتوفيق

20 أغسطس 2013 في 4:36 ص

http://rob3faca.blogspot.com/

>>
غير معرف
25 أغسطس 2013 في 7:11 ص

شكرااا لك اخي

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


موقع مكلانا الإخباري :
http://newsmukalla.blogspot.com

25 أغسطس 2013 في 9:54 ص

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

>>
غير معرف
25 أغسطس 2013 في 10:19 ص

لا اخي انا سويت نفس الي موجود بس عندكـ غلطه في الموضوع وهو الكود الاول

لاني حصلت الطريقة في موقع اخر وزبط الموقع معي

**شكراا لك **

26 أغسطس 2013 في 1:33 ص

عموما هنيئاً لك المهم يزبط معاك ^^

3 سبتمبر 2013 في 3:43 ص

مشكووووووور على المجهود

10 سبتمبر 2013 في 4:42 ص

مشكوور على هاذا الشرح الجميل

>>
Mohammed Al-Saifi
7 أكتوبر 2013 في 3:27 ص

أين أضع كود اللون الأسود #000000 ؟؟؟؟؟؟

10 أبريل 2014 في 10:22 ص

عملت كل شي صح ولكن للاسف الخط كما هو يبدو ان صاحب القالب عامل رقم سري لحقوق التعريب اذا ممكن مساعدة او عندك قالب جميل احترافي ياليت ولك الأجر
http://mroojaljnh.blogspot.ae/

10 أبريل 2014 في 2:18 م

http://thecomp-pro.blogspot.com/

12 أبريل 2014 في 10:08 ص

القالب الذي تستعملونه أخي ابو عبد الله جميل لكنه يحتاج للتنظيم أكثر وإزالة بعض الغضافات الزائدة ولا أجد أن الخط غير جميل بل متوافق مع مدونتكم
وكإجابة لاستفساركم يجب تغيير كافة عناوين الخط في قالب مدونتك
فمثلا لو كان خط مدونتك هو tahoma فيجب عليك البحث عن جميع اسماء tahoma و تبديلها مثلا بdroid arabic naskh
بالتوفيق أخي الحبيب ^^

12 أبريل 2014 في 10:10 ص

ولا أكاد انسى هناك بعض القوالب على مدونة عفريت بلوجر تجدها هنا
http://bit.ly/OUDhDL

وفقكم الله ^^ وجزاكم خيرا على ما تقدمونه من فائدة على مدونتكم

23 أبريل 2014 في 4:43 ص

جا التجربه علي
الامة الاسلامية
http://ama-aslmey.blogspot.com
الف شكر لك يا غالي

19 مايو 2014 في 1:30 ص

شكرا على هذه الفكرة الجميلة.

http://it-n-careerz.blogspot.com/

21 مايو 2014 في 6:46 م

أخى انا لا اجد font-family

25 مايو 2014 في 2:40 ص

أخ أسامة مصطفى أنا لا أعتقد أن الحطوط تمت إضافتها عن طريق سكريبت
font-family تكون موجودة في كل القوالب عليك التأكد من كتابتها بشكل سليم
إدا لم تجدها قم بكتابة اسم احدى الخطوط المشهورة مثل arial , tahoma وغيرها وستجد ال font-family بجوارها
بالتوفيق ^^

27 مايو 2014 في 11:28 ص

بارك لله فيك

شرح وافي

تقبل ودي

30 مايو 2014 في 2:33 م

لو سمحت ممكن شرح يعنى ايه توسيح القالب

>>
غير معرف
1 يونيو 2014 في 6:52 ص

شكرا بكل اللغات

3 يونيو 2014 في 5:05 م

شُكراََ لَك عَلَى المَجهُود الطّيب
مَرحباََ بِالإخوة علَى مُدونتكُم صَلاتِي http://salaty-tv.blogspot.com/

14 يونيو 2014 في 12:58 م

شكراً لك أخي الغالي على كل ما تقدمه لنا ^_^
فريق المحترفين للمعلوميات

17 يونيو 2014 في 3:07 ص

شكرا لك ♥..


بلوجر و العرب .. إلى اين ؟

مقال جميل جدا
شكرا لكم ♥ ..

30 يوليو 2014 في 6:09 ص

شكرااا لك اخي
http://thepc-pro4.blogspot.com/

2 أغسطس 2014 في 12:08 م

السلام عليكم اخي .. حاولت أكثر من مره ولكن دون فائدة !!
لا يوجد font-family

20 أغسطس 2014 في 2:20 ص

شكرا وبارك الله فيك

24 أغسطس 2014 في 9:04 ص

مشكورررررر أخي الكريم

مدونة آفاق
http://afaq0.blogspot.com/

31 أغسطس 2014 في 3:33 م

شكرا لكم و أتمنى لكم التوفيق

6 أكتوبر 2014 في 5:28 ص

السلام عليكم شكرا اخي الكريم
http://bluelcd.blogspot.com/

16 أكتوبر 2014 في 3:07 ص

عندي اكواد بهاذا الشكل

#header h1 a {color:#fff;font-family:'Open Sans';font-weight:400;font-size:26px;margin:0;}

وعندما غيرتها اصبحت تعمل ولكن علي متصفح جوجل كروم فقط .. ولكن سيئه جدا عي فاير فوكس

وشكرا علي مجهودك انا استفدت كتير من مدونتك

31 أكتوبر 2014 في 2:36 م

شكر لك موضوع جيد جدا

25 نوفمبر 2014 في 3:37 م

شكرا أخي على هذا الدرس الرائع الممتاز

1 ديسمبر 2014 في 10:54 ص

.

2 فبراير 2015 في 3:28 ص

شكرا اخي لكن لا اعرف لماذا لايمكن تغير الخط مدونتي
http://www.arnouveaux.co.vu/

24 فبراير 2015 في 2:36 م

شكرا لك

التوقيع :
www.arab-cstrike.com

7 مارس 2015 في 4:36 ص

مشكور اخي :)

27 مارس 2015 في 9:03 ص

شرح رائع

2 أبريل 2015 في 8:27 ص

شكرا جزيلا لك

7 أبريل 2015 في 6:50 م

مشكور

14 مايو 2015 في 3:10 ص

شكراا

21 يونيو 2015 في 4:58 م

رائع اخي شكرا لك

28 يونيو 2015 في 10:04 م

شكرا لك ععلى هذا الشرح المفيد أخي
مروان عبدالله صاحب مدونة عبدالله للمعلوميات
www.xasireinfo.cf

17 يوليو 2015 في 1:46 ص

شرح رائع شكرا لك
http://www.ronanv.com

14 أغسطس 2015 في 1:06 م

شكرا
.

19 سبتمبر 2015 في 8:59 ص

شكرا انتفعتُ به كثيرا

4 نوفمبر 2015 في 7:09 م

افضل موقع لزياردة الايكات على الفيس بوك
http://likerway.blogspot.com/
وطريقة الشرح منها

https://www.youtube.com/watch?v=SEd4lzyGH9U

تفضلو اهلا بكم

30 نوفمبر 2015 في 3:41 م

شكرًا :)

16 مارس 2016 في 11:18 ص

شكرا أخي موضوع رائع و محتوى رائع لكن عندي ملاحضة صحيح ما عندي خبرة قوية لكن موقعك القالب مالتة و الخط اللون أبد ما عجبني لكن المحتوى رائع جدا و الكاتب أحلى أتمنى تعرض تعليقي متابع لموقعك الرائع
هذه مدونتي
asker9.blogspot.com

8 أبريل 2016 في 4:10 ص

بالفعل طريقة مفيد و خط اجمل, مشكور

http://g-amescenter.blogspot.com

2 يونيو 2016 في 5:48 ص

اخ رضوان بحثت عن head بس ما لقيت الاكواد الي لازم استبدلها

10 يونيو 2016 في 5:30 ص

شكرا لك تغغير المطلوب بنجاح
http://al3abmero.blogspot.com.eg/

10 يونيو 2016 في 5:32 ص

Thanks for sharing

Play html5 games for kids on mobile with a great collection of free html5 & flash games for kids on mobile & touchscreen devices like iPad, Android, Kindle Fires, tablets, smart phones and other portable deceives. Awesome collection of html5 kids games and flash games for free including action games, sports games, car racing games, puzzles games and adventure games.

Popular kids games collection and share it with your friends.

إرسال تعليق

مرحبا بتعليقاتكم وردودكم

Related Posts Plugin for WordPress, Blogger...
 
مدوناتي : الرضوان | عفريت بلوجر | Radouane Ouarhou blog | © 2010 - 2015 - جميع الحقوق محفوظة مدونة عفريت بلوجر
PageRank Checking Icon