-->
banner
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- %u0627%u0639%u0644%u0627%u0646 %u0633%u0627%u064A%u062F %u0628%u0627%u0631 %u0627%u0644%u062A%u0631%u062C%u0645%u0627%u0646 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4530581304513824" data-ad-slot="7885475094" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

السبت

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


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

سنتعرف اليوم على طريقة ضبط الخط الافتراضي في جميع صفحات مدونة بلوجر، حتى نتخلص من عناء تحديد نوع الخط في كل تدوينة نحررها، وبدل ذلك وتماشيا مع نهج التدوين السريع، سنكتفي بالضغط على خيار (الخط الافتراضي)ّ، حتى يظهر الخط لاافتراضي للمدونة، والذي سنقوم بضبطه اليوم واختيار الخط المفضل من خلال تحرير html المدونة.

الطريقة:

المرحلة الأولى: البحث عن الخط أو الخطوط واختيار المفضلة منها.

يجب الاحتفاظ بالخطوط التقليدية في المدونة الى جانب الخطوط الفريدة.

الخطوط التقليدية:

الخطوط التقليدية التي تتوفر في جميع الحواسيب والمتصفحات، ويستعملها بلوجر والويب عموما، ولا يصح  الاستغناء عنها ـ  أمثلة:
tahoma - Courier New - Courier - Arial

الخطوط الفريدة:

الخطوط الفريدة التي نريد استعمالها.
جوجل تقدم مجموعة من من خطوط الويب التي تصلح للمدونات والمواقع، ويمكن البحث عنها من خلال الرابط التالي:
وهذه مجموعة من أمثلة الخطوط المتداولة حاليا:
Amiri - Droid Arabic Kufi - Droid Arabic Naskh - Lateef - Scheherazade - Thabit - Agc
Stc -  NeoSansArabic - Tarhaal - Themixarab - JF_Flat_Regular - VIP_Rawy_Thin - VIP_Strick - Al-Jazeera-Arabic - DroidSansArabic

المرحلة الثانية: تكوين سطر قائمة الخطوط الخاص بك:

نقوم بتكوين سطر من الخطوط التي سنستعملها في html المدونة، ويجب أن يفصل بين كل خط وخط فاصلة، مع الحرص على أن يكون في المقدمة الخط المفضل الأساسي، يليه مجموعة الخطوط المفضلة البديلة، ثم مجموعة الخطوط التقليدية الأكثر استعمالا وتواجدا في المتصفحات.
أنا شخصيا أستعمل هذه المجموعة من الخطوط، وفق هذا الترتيب:
ae_AlMothnna, Al-Mothnna,  ae_AlArabiya, Tahoma, Oswald, Arial, Comic Sans MS, Arial Black, Serif
من خلال هذا الكود نخبر متصفح المستخدم أن الخط المفضل الأساسي هو ae_AlMothnna، وأنه في حالة أن هذا الخط لم يتوفر في حاسوب المستعمل (الزائر)، فإن على المتصفح أن يستعمل الخط Al-Mothnna، وإلا فالخط الذي يليه من الخطوط المفضلة البديلة... وهكذا، وأنه في حالة عدم توفر أي من الخطوط المفضلة، عليه أن يستعمل أحد الخطوط التقليدية المتواجدة في جميع المتصفحات حسب الترتيب. ذلك لأن الخطوط تختلف من جهاز كمبيوتر الى الأخر، والخط الذي نظعه قد يتوفر لدى حاسوب وقد لا يتوفر لدى آخر.

المرحلة الثالثة: وضع سطر الخطوط الخاصة بك في html المدونة:

1 ـ من لوحة التحكم Blogger إذهب إلى قالب => تحرير HTML.
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن كلمة post-body أو body.font أو ابحث عن font إلى ان تجد ما يشبهه إحدى تلك الكلمات، ذلك لأن الكود المسؤول عن تحكم الخط بالمدونة يختلف من قالب الى اخر، لكنه ليس مكرر. ستجد الكود التالي أو ما يشبهه:
.post-body {
font:13px arial;
line-height:20px;
margin: 0px 0px 5px;
}
الأكواد التي تحدد شكل خط أي جزء من المدونة، تكون مسبوقا بكلمة font.
3 ـ غير كلمة arial بسطر الخطوط الخاصة بك، حتى يصبح هكذا مثلا:
post-body {
font:13px ae_AlMothnna, Al-Mothnna,  ae_AlArabiya, Tahoma, Oswald, Arial, Comic Sans MS, Arial Black, Serif;
line-height:20px;
margin: 0px 0px 5px;
}
أو أضف اسم الخط المفضل لديك فقط في مقدمة الخطوط، ليصبح كهذا المثال:
.post-body {
font:13px ae_AlMothnna, arial;
line-height:20px;
margin: 0px 0px 5px;
}

ملاحظة: 

سيظهر الخط في التدوينات التي تختار فيها (الخط الافتراضي)  فقط، ولم تظهر في التدوينات التي حددت فيها نوع خط معين. ولهذا ننصح بالتدوين مع اختيار (الخط الافتراضي)، حتى يظهر الخط الافتراضي الذي حددناه في هذا الدرس.
عموما، من الأمور التي يمكن تغييرها في الخط:
نوع الخط الخط: Tahoma, Arial, FreeSans, sans-serif
حجم الخط: 13px
خاصية الخط:
عادي: normal normal
عريض: normal bold
الموضوع التالى الموضوع التالى
الموضوع السابق الموضوع السابق
الموضوع التالى الموضوع التالى
الموضوع السابق الموضوع السابق
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- %u0627%u0639%u0644%u0627%u0646 %u0633%u0627%u064A%u062F %u0628%u0627%u0631 %u0627%u0644%u062A%u0631%u062C%u0645%u0627%u0646 1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4530581304513824" data-ad-slot="7885475094" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
 

الاستضافة بواسطة فيدبورنر