- Unknown
- 12:55
- blogger ، بلوجر ، تطوير مواقع ، شرح تغيير الخط
- لاتوجد تعليقات
السلام عليكم
اليوم سأشرح طريقة تغيير الخط في مدونات Blogger هناط طريقتين لفعل هذا
لاشك أن واحدا من أفضل الخطوط العربية هو خط tahoma
في مدونات بلوجر يمكنك التحكم في الخطوط وتغييرها عن طريق مصمم النماذج
حيث يمكنك تغيير خطوط عناصر الصفحة بالاختيار من بين عدة خطوط متاحة
لكن للأسف ليس من بينها خط tahoma
في هذا الدرس سأشرح كيفية تغيير خط الصفحة إلى tahoma
1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com
2- اضغط على رابط "تصميم" أو "design" بجانب مدونتك
3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"
ثم
4- الان ابحث عن السطور التالية:
واستبدلها بالسطور التالية:
كما ترى تستطيع مشاهده ان من الممكن ان تغير نوع الخط الذي تستخدمه في مدونتك و تجعلها اجمل بكثير مما سبق عن التقليدي مما يعطي للقارئ البهجه وايضا نسبة leading page سوف ترتفع بشكل ملحوظ لموقعك ونسبة تواجد الزوار بمدونتك سوف ترتفع ومن الممكن الزائر سوف يرجع لمدونتك ان كانت تمتلك محتوى حصري لها.
الخطوة الاولى :
يجب ان تتوجه لموقع خدمة جوجل على الرابط التالي ولا ننسى ان هذه الخدمة في مرحلة البيتا يعني في قيد التجريب والتطوير.
Google Webfonts Directory
الخطوة الثانية :
اختيار نوع الخط المناسب لك كما بالصورة التالية
بعد النقر على نوع الخط الذي اخترته وانا مثلا اخترت نوع الخط الذي شاهدته في الصورة التي بالاعلى
بعد ذلك إختر مثل الصورة
ثم إنسخ الكود الموضح في الصورة
و
الخطوة الرابعة :
اذهب الى لوحة تحكم مدونتك في بلوجر ومن ثم Design ثم Edit HTML فسوف يظهر لك الكود الكامل للقالب الذي تستخدمة, انسخ الكود بالكامل وخذ نسخه احتياطيه لان وقعت بالخطا .
تستطيع قراءة المثال التالي من شركة جوجل لكي تستطيع تطبيق بشكل مثالي
اليوم سأشرح طريقة تغيير الخط في مدونات Blogger هناط طريقتين لفعل هذا
1- تغيير الخط فقط إلى بعض الخطوط المعروفة مثل Tahoma. arial....
لاشك أن واحدا من أفضل الخطوط العربية هو خط tahoma
في مدونات بلوجر يمكنك التحكم في الخطوط وتغييرها عن طريق مصمم النماذج
حيث يمكنك تغيير خطوط عناصر الصفحة بالاختيار من بين عدة خطوط متاحة
لكن للأسف ليس من بينها خط tahoma
في هذا الدرس سأشرح كيفية تغيير خط الصفحة إلى tahoma
1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com
2- اضغط على رابط "تصميم" أو "design" بجانب مدونتك
3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"
ثم
4- الان ابحث عن السطور التالية:
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
واستبدلها بالسطور التالية:
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif"/>
كل ما فعلته هو ان جعلت الخط tahoma أول الخطوط ولا شيء قبله ، ولو لم يكن موجودا فأضفه في الأول(لاحظ الجزء الملون بالأحمر في الكودين السابقين)
يمكنك أيضا تغيير حجم الخط عن طريق تعديل الجزء الملون بالأزرق في الكود السابق
5- الآن قم بعمل حفظ القالب.
2- تغيير الخط إلى خط غير متوفر في الكود
كما ترى تستطيع مشاهده ان من الممكن ان تغير نوع الخط الذي تستخدمه في مدونتك و تجعلها اجمل بكثير مما سبق عن التقليدي مما يعطي للقارئ البهجه وايضا نسبة leading page سوف ترتفع بشكل ملحوظ لموقعك ونسبة تواجد الزوار بمدونتك سوف ترتفع ومن الممكن الزائر سوف يرجع لمدونتك ان كانت تمتلك محتوى حصري لها.
الخطوة الاولى :
يجب ان تتوجه لموقع خدمة جوجل على الرابط التالي ولا ننسى ان هذه الخدمة في مرحلة البيتا يعني في قيد التجريب والتطوير.
Google Webfonts Directory
الخطوة الثانية :
اختيار نوع الخط المناسب لك كما بالصورة التالية
بعد النقر على نوع الخط الذي اخترته وانا مثلا اخترت نوع الخط الذي شاهدته في الصورة التي بالاعلى
بعد ذلك إختر مثل الصورة
ثم إنسخ الكود الموضح في الصورة
و
الخطوة الرابعة :
اذهب الى لوحة تحكم مدونتك في بلوجر ومن ثم Design ثم Edit HTML فسوف يظهر لك الكود الكامل للقالب الذي تستخدمة, انسخ الكود بالكامل وخذ نسخه احتياطيه لان وقعت بالخطا .
ثم ابحث عن الدالة التالية <head> بالضغط على Ctrl+f ولا تنسى ان تضع اشارة صح بجانب Expand Widget Templates تجدها في اعلى صندوق الكود القالب. عندما تجدها فضع الكود في اعلاها او في اسفلها بخصوص قالبي فانا وضعت الكود في اسفل الدالة مباشرة.
تستطيع قراءة المثال التالي من شركة جوجل لكي تستطيع تطبيق بشكل مثالي
http://code.google.com/intl/ar/apis/webfonts/docs/getting_started.html#Quick_Start
عن الكاتب :
وصف مختصر عن الكاتب
Aucun commentaire :
Enregistrer un commentaire