السبت، مارس 09، 2013

اسرع طريقة لتعريب قوالب بلوجر

 blogger Templates.
اسرع طريقة لتعريب قوالب بلوجر
الطريقة: سأشرح اليوم طريقة سريعة لتعريب قوالب بلوجر  blogger Templates، وأتبعها أنا شخصياً وهي في الغالب لا تستغرق أكثر من 10 دقائق. والتعريب هذا لا يقوم بتعريب القالب كاملاً إذ سيلزمك أيضاً أمور أخرى لإكمال التعريب: كقلب الصور، وتغيير النصوص، وغيرها من الأمور. لكنها ستكون مفيدة للمبتدئين ومختصرة للمحترفين.


الخطوة الأولى:
1) افتح برنامج المفكرة (notepad)
2) اذهب إلى تصميم >> تحرير HTML >> اضغط على "توسيع قوالب عناصر واجهة المستخدم"
3) انسخ جميع أكواد القالب يمكنك الضغط على Ctrl + A لتحديد جميع الأكواد.
4) الصق الأكواد في برنامج المفكرة.

الخطوة الثانية: 1) من قائمة الأدوات في برنامج المفكرة اذهب إلى (تحرير) ثم (استبدال).
2) اكتب في الخانة الأولى right وفي الخانة الثانية ymeen ثم اضغط على استبدال الكل
3) ثم اكتب من جديد في الخانة الأولى left وفي الخانة الثانية ysar ثم اضغط على استبدال الكل

الخطوة الثالثة:

1) الآن اكتب في الخانة الأولى ymeen وفي الخانة الثانية left ثم اضغط على استبدال الكل.
2) ثم اكتب في الخانة الأولى ysar وفي الخانة الثانية right ثم اضغط على استبدال الكل.

الآن اعتبر أنك انتهيت من تعريب أجزاء كبيرة من القالب، وبقيت خطوة أخيرة وهي تغيير الأبعاد بين الحاشية (margin) والحشو (padding).
هذه الخطوة سوف نقوم بها يدوياً، لكنها سهلة وكل مانحتاج إليه هو الانتباه جيداً إلى الشرح.

الخطوة الرابعة:
1) عليك البحث الآن في أكواد CSS عن مثل الكودين في الاسفل، وستقوم ببعض التغييرات على كل واحدة.


margin: 100px 40px 10px 70px;

padding: 20px 20px 20px 80px;








- ملاحظة: يجب أن تحتوي على 4 أعداد مثل: 100px 40px 10px 70px ونهمل ما لا يحتوي على أربع أعداد.


- ملاحظة أخرى: ليس من المهم أن تتطابق الأرقام مع المثال السابق، فقد تتغير هذه الأرقام.


2) عندما تجد أي كود مثل السابق، قم باستبدال العدد الثاني بالعدد الرابع، والعدد الرابع بالعدد الثاني.




مثال:








margin: 100px 40px 10px 70px;










نقوم بتغيير العدد الثاني 70 بالعدد الرابع، 40 فتصبح هكذا:








margin: 100px 70px 10px 40px;










عيد نفس الأمر مع الكود padding:




مثال:








padding: 20px 20px 20px 80px;







قوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:










padding: 20px 80px 20px 20px;






3) نكرر البحث ونكرر العملية مع جميع أكواد CSS، وتذكر يجب أن تحتوي على 4 أعداد.

4) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.


والآن انتهيت قم بمعاينة القالب قبل حفظه


ملحوظة اخيرة بعض القوالب تحتاج الى تعريب يدوي اخر انشاء الله سوف اقوم بتوضيحه في درس اخر








علامات Technorati: ,,,,,,

0 التعليقات: