الأحد, فبراير 24, 2013

شرح كامل وتفصيلى لطرق تعريب قوالب بلوجر

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

البرامج المستخدمه فى خطوات تعريب قالب بلوجر والتطوير

  1. متصفح الفايرفوكس .
  2. برنامج النوت باد ++ .
  3. إضافة الفاير باج لمتصفح الفاير فوكس .
  4. برنامج النوت باد العادى الخاص بالويندوز .
  5. برنامج كلر بايك .

الخطوه الأولى : تغيير إتجاهات الكتابه فى القالب وعكسها يدويا

حيث أن إتجاه الكتابه والنصوص فى قوالب بلوجر يكون معدا ليناسب اللغه الإنجليزيه فيكون الإتجاه " من اليسار إلى اليمين " فعلينا فى أول خطوه أن نقوم بعكس الإتجاه ليناسب تدويننا باللغه العربيه وليصبح الإتجاه " من اليمين إلى اليسار "

طبعا بعد تحميل القالب الأصلى على مدونتنا نقوم بالذهاب إلى تحرير HTML الخاص بالقالب , ثم نقوم بتوسيع عناصر المستخدم , ثم نظلل الكود بكامله ونقوم بعمل نسخ له .

نفتح ملف نوت باد جديد من برنامج النوت باد العادى الخاص بالويندوز , ثم نلصق فيه كود HTML الخاص بالقالب الذى قمنا بنسخه سابقا .

نفتح قائمة Edit ثم نختار Replace وسيكون الشكل كما مبين فى الصوره
نقوم فى الخانه الأولى بكتابة Right وفى الخانه الثانيه بكتابة Ymen ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Left وفى الخانه الثانيه بكتابة Ysar ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ymen وفى الخانه الثانيه بكتابة Left ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ysar وفى الخانه الثانيه بكتابة Right ثم نضغط على زر Replace All .
ثم نغلق هذا المربع الحوارى , ونظلل الكود كاملا ونقوم بنسخه , ثم نلصقه فى مكان أكواد HTML الخاص بقالب المدونه على لوحة تحكم بلوجر ( بدلا من الكود الأصلى ) .
ثم نقوم بحفظ القالب , وبهذا نكون قد إنتهينا من الخطوه الأولى .

الخطوه الثانيه : تبديل الحواشى والمحاذاه

القالب ملىء بأكواد padding و أكواد margin وتكون فى صور متنوعه كالآتى
padding: 3px 10px 5px 4px;
padding: 3px 4px 9px;
padding: 6px 2px;
padding: 8px;
padding-right: 9px;
padding-left: 5px;
margin: 3px 10px 5px 4px;
margin: 3px 4px 9px;
margin: 6px 2px;
margin: 8px;
margin-right: 2px;
margin-left: 3px;
فى تعريب القوالب نهتم فقط بأنواع الأكواد التى تشبه الكودين التاليين فقط
padding: 3px 10px 5px 4px;
margin: 3px 10px 5px 4px;
ومهمتنا هنا هى أن نقوم بتبديل الأرقام بين القيمتين الثانيه والرابعه ( من إتجاه اليسار طبعا ) وسنشرح الآن كيف نقوم بعمل ذلك بأسهل طريقه .

نحن طبعا نستخدم متصفح الفايرفوكس لذا فعلينا البحث عن أول الكود كى نقوم بتبديله , وللبحث نقوم بضغط CTL+F وسيظهر لك مربع البحث فى أسفل متصفح الفايرفوكس كما فى الصوره
نقوم بالبحث أولا عن جزء من بداية الكود مثلا
padding:
ونقوم بضغط زر NEXT كى نتنقل من كود إلى آخر , وكلما وجدنا كودا يشبه الكود الذى ذكرناه سابقا نقوم بتبديل القيمتين الثانيه والرابعه , حتى ننتهى من كل هذه الأكواد المشابهه فى القالب .
وثانيا نقوم بالبحث عن جزء من بداية الكود الثانى مثلا
margin:
ونكرر ما فعلناه فى الخطوه السابقه .

وعند الإنتهاء من هذه الخطوات علينا أن نقوم بعمل حفظ للقالب , ثم نواصل عملية التعريب لإكمالها عن طريق البحث عن الكلمات التى تظهر على القالب بالإنجليزيه ثم تعدلها لتكتبها بالعربيه داخل أكواد القالب ( مثل الكلمات فى القوائم الأفقيه مثلا ) .

وفى نهاية التعديلات نقوم بحفظ القالب .

نستطيع هكذا أن نقول أنك عربت القالب , والطريقه التى تناولناها هى طريقه يدويه ومفصله , حيث أننا نستطيع أن نفعل كل هذا أوتوماتيكيا من خلال إستخدامنا لبرنامج تعريب قوالب بلوجر الرائع

حمل برنامج تعريب قوالب بلوجر من سيرفر الميديا فاير بالضغط هنا ( مساحة البرنامج 11 ميجا بايت )

ملحوظه : من الممكن أن تواجه مشاكل فى حال استخدامك برنامج التعريب الآلى ( قليلا جدا ما تحدث ) , فى تلك الحاله عليك الإعتماد على طريقة التعريب التفصيليه اليدويه .

تستطيع الآن بعد هذه التدوينه أن تقوم بتعريب قوالب بلوجر التى تعجبك بنفسك , كما تستطيع أن تلحق بنا فى ركب مطورى المدونات عن طريق متابعتك لسلسلة تدويناتنا القادمه التى سنشرح فيها بالتفصيل كيفية تطوير كل جزء من قالب بلوجر و عمل التعديلات عليه كى يلائم إحتياجاتك وزوقك ,, فقط تابعونا جيدا فى سلسلة التدوينات التاليه .
من فضلك اضغظ لايك لمشاهدة لينك التحميل

47 تَعْلِيق:

  1. شكلاا لك كفيت ووفيت

    ردحذف
  2. ربي يسعدك وينفع بعلمك
    ماشاءالله عليك استاذ والله

    ردحذف
  3. شكر و بصراحة قالب جميل

    ردحذف
  4. ألف شكر
    salsabileparadise.blogspot.com

    ردحذف
  5. ما شاء الله اخي الكريم مميز بكل شيئ شروحاتك جميلة جدا وفقك الله


    http://3alamcumputer.blogspot.com

    ردحذف
  6. موضوع ممتاز اخى ياسر ؛ جزاك الله كل خير

    ردحذف
  7. شكراً لك أخي الكريم على البرنامج والشرح الوافي

    أفدتني حقاً

    ردحذف
  8. أولا شكرا لك على الشرح
    اليوم استطعت بفضل شرحك تعريب أول قالب لي
    و لكن لدي مشكلة بسيطة لقد بقي فراغ بين المدونة الأولى و الثانية
    لقد ارفقت صورة توضح المشكل
    http://up.arab-x.com/May12/M9w56746.png
    كما ترى في السهم فراغ بين مقال الثبات على الحق و مقال ماهو التعايش
    ارجو أن تعطيني حلا
    و بارك الله فيك

    ردحذف
    الردود
    1. من الممكن أن يكون السبب انك مفعل ظهور اعلانات ادسنس بعد التدوينات ,, وتستطيع تعديل ذلك وإلغائها من لوحة التحكم قسم التخطيط

      حذف
    2. لقد تم حل المشكلة أخي و جزاك الله كل خير نعم كنت مفعل اعلانات أدنس

      حذف
  9. أخي أريد سؤالك ما هو الوسم الخاص بفوتر حتى أستطيع التعديل عليه

    ردحذف
    الردود
    1. .footer
      ولكن قد يتغير حسب القالب أو المصمم ,, فكل مصمم يستخدم الاسم الخاص به ولا يشترط وجود إسم أو وسم ثابت .

      حذف
  10. ولكن أخي بعض القوالب تكره حياتك منها عندما أردت تعريب هذا القالب
    http://btemplates.com/2011/blogger-template-liquid/
    كرهت حياتي رغم انني طبقت كل ماجاء في الشرح بدون فائدة من فضلك اخي ان تشرح لنا في المرة القادمة بتفصيل الممل اذا كان لك الوقت و اخي أفضل شرح
    أن تعمله بفيديو لاستعاب اكثر و اخي اذا اردت ان تعمل دورة مدفوعة انا هنا
    لا يهمني المال المهم أتعلم و اطور ذاتي

    ردحذف
    الردود
    1. ان شاء الله سأقوم بعمل شروحات تفصيليه اكثر عن تعريب القوالب

      حذف
  11. هل يمنحك هدا البرنامج صنع قالب حاص بك

    ردحذف
    الردود
    1. لا فهو برنامج يقوم بتعريب القوالب فقط وليس تصميمها
      ولكن هناك برنامج أرتيستير يقوم بتصميم قوالب بلوجر بسهوله ,, ولكنى لا أفضله على الاطلاق لكثرة المشاكل بقوالبه .

      حذف
  12. أزال المؤلف هذا التعليق.

    ردحذف
  13. أخي كيف نغير كلمة submit الخاصة بمتابعة البريد الالكتروني

    ردحذف
  14. أزال المؤلف هذا التعليق.

    ردحذف
  15. شرح جميل انا استخدمته فى كثير من القوالب بس يجب التنبيه على تغير مسمى الابواب الرئيسية والفرعية داخل القالب يعنى مثلا home نغيرها الى رئيسية وهكذا وهى طريقة سهلة جداا وهى انك تشوف الكلمة اللى عايز تعربها وتدخل محرر القالب وتعمل توسعة للقالب وتبحث عن الكلمة دى وتستبدلها بالعربى تحيتى شرح مميز اخى الكريم
    http://khair-video.blogspot.com/

    ردحذف
  16. أخي لقد صمت قالب على الفتشوب psd و المشكبة كيف يمنني تكويده وماهي اللغة التي يجب تعلمها

    ردحذف
    الردود
    1. هذه تحتاج لمصمم محترف ومبرمج ... تحتاج للغات html و css و xml بإحتراااااااااااااااف شديد

      حذف
  17. كم هي مدة احتراف هذه اللغات و هل هي صعبة التعلم أم سهلة

    ردحذف
    الردود
    1. حوالى 6 شهور من التعلم اليومى ,,, وهى لغات ليست سهله وتحتاج لحب وتركيز كامل ومجهود ذهنى وعصبى كبير

      حذف
  18. سلام عليك أخ ياسر شكرا على الشرح .
    هل تقوم بتصميم قوالب مدفوعة و شكرا

    ردحذف
    الردود
    1. نعم أقوم بتصميم وتعريب قوالب مدفوعه - راسلنى على yasseresmailactor@gmail.com للتواصل

      حذف
  19. مساء الخير
    شكرا على الموضوع
    ممكن طال يا غالي :
    هذا الكود الخاص بنماذج التعليقات في مدونتك

    ردحذف
  20. كفيت ووفيت اخي الحبيب

    ردحذف
  21. أزال المؤلف هذا التعليق.

    ردحذف
  22. مشكور على مجهودك الرائع و هذه مدونتي afkarpro.blogspot.com للمزيد من دروس البلوجر و الكثير الكثييير

    ردحذف
  23. ومهمتنا هنا هى أن نقوم بتبديل الأرقام بين القيمتين الثانيه والرابعه...هل هذا يعني قلب القيمتين ؟؟



    http://azzi-soft.blogspot.com/

    ردحذف
  24. ماشاء الله
    http://teleworkonline.blogspot.com/

    ردحذف
  25. شكرا لك أخي
    على الموضوع
    لكن ماذا عن الإتجاه ؟
    أقصد اليسار واليمين ؟

    ردحذف
  26. موش فاهم ما هو تبديل القيمة الثانية والرابعة نبدلهم بأيه يا ريت توضح اكثر

    ردحذف
  27. مدونة رائعة بس في برنامج يقوم بتعريب قوالب بلوجر بضغطة زر
    للتحميل
    http://www.file-upload.cc/onjnei4w55b0

    ردحذف
    الردود
    1. اخى البرنامج موجود بالموضوع

      حذف
  28. رائع جدا هذا المجهود القييم . بارك الله فيكم
    وكل عام وانتم بخير

    ردحذف
    الردود
    1. شكرا لك وكل عام وانت بخير

      حذف
  29. شرح رائع (h)

    http://www.th3maestro.com/

    ردحذف