فبراير 2015

بسم الله الرحمن الرحيم والصلاة والسلام على خير المرسلين محمد وعلى اله الطاهرين وصحبه الاخيار .

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

1 : قم بالذهاب الى هذا الموقع ( www.font2web.com ) اضغط على choose file ثم حدد الخط الذي تريده من جهازك و يمكنك تحميل الكثير من الخطوط العربية من هذا الموقع ( www.arfonts.net )

2 : اختر الخط الذي حملته ويجب ان يكون بالصيغ التالية :

.ttf

.otf

.eot

.wof

.svg

ثم اضغط على convert & download
3 : قم بعمل استضافة من اي موقع ( ابحث عن : كيفية انشاء استضافة ) {قريباً سيتم شرح ذلك في هذه المدونة}
4 : قم بفك ضغط الملف الخاص الذي حملته من ( www.font2web.com )
5 : بعد فك ضغط ارفع جميع الملفات الى الاستضافة ( ابحث عن : رفع الملفات الى الاستضافة ) {قريباً سيتم شرح ذلك في هذه المدونة}

6 : بعد رفع الملفات اذهب الى قالبك ثم ابحث عن : <b:skin> ثم ضع الاكواد بعده ( تحت الـ <b:skin> ) :

@font-face {

font-weight: normal;

font-style: normal;

font-family: 'zinetx';

src:url('fonts/stroke7pixeden/stroke7pixeden.eot?u58ytb');

src:url('fonts/stroke7pixeden/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),

url('fonts/stroke7pixeden/stroke7pixeden.woff?u58ytb') format('woff'),

url('fonts/stroke7pixeden/stroke7pixeden.ttf?u58ytb') format('truetype'),

url('fonts/stroke7pixeden/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');

}

7 : قم بتغيير ما في اللون الاخضر الى اي اسم تريده * ستستخدم هذا الاسم لاحقا

8 : قم بتغيير ما في اللون الاسود الى رابط الملفات بعد رفعها مثلا الرابط ( fonts/stroke7pixeden/stroke7pixeden.svg ) غيره بـ ( http://hostname.com/fontname.svg ) حسب النهاية اذا ينتهي بـ ( eot ) قم باضافة الرابط الخاص بـ ( eot ) بدله

9 : لتغيير خط معين : في الـ style الخاص بـ العنصر قم باضافة كود الcss التالي:

font-family: sans-serif ;

10 : غير الـ sans-serif الى الاسم الذي اخترته بدل zinetx في الكود الاول .

تعطيل شريط التمرير الأفقي

قد تكون مشكلة للكثير من المبتدئين في بلوجر والتي تجعل من المدونة غير احترفية
وفي في هذه التدوينة سأشرح كيفية التخلص منها نهائياً.

السبب قد يكون اضافة قد اضفتها مسبقا للمدونة لذا يجب ان تحمل نسخة احتياطية من القالب على جهازك قبل التعديل عليه . او قد يكون السبب هو المتصفح الذي تستعمله وليس من القالب لذا قم بتحديث لمتصفحك او استخدم متصفح اخر . اذا كانت النتيجة نفسها فـ طبق الشرح التالي :

1 : افتح تحرير html من الصفحة الرئيسية في موقع بلوجر

2 : ابحث عن <b:skin>

3 : تحت (بعد) الـ <b:skin> او الـ <style> ( اذا كان قالب ويب ) ضع كود الــ css التالي :