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

| تعليقات (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 ص

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

جامد جدا
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 م

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

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

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

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

2 أغسطس، 2014 12:08 م

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

20 أغسطس، 2014 2:20 ص

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

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

مدونة آفاق
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 | © 2011 - 2016 - جميع الحقوق محفوظة مدونة عفريت بلوجر
PageRank Checking Icon