السبت، 24 أكتوبر 2015

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

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

بسم الله الرحمان الرحيم :


طريقة تعريب قالب :

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

نبذة عن البرنامج :

برنامج تعريب قوالب بلوجر طبعا و اجهته مماثلة لواجهة التحكم بلوحة المفاتيح في البلوجر (blogger).
 اسم البرنامج  معرب قوالب بلوجر 3.0 (Arabization templates blogger).

واجهة البرنامج


للبرنامج خيارات متعددة من حيث التعديل على قوالب بلوجر اتجاه الكتابة , حجم المسافة بين الكلمات.........
معلومة : البرنامج في نسخته الأخيرة معرب قوالب بلوجر 3.0.

تابعو الشرح بالفيديو 




رابط تحميل البرنامج 

هدية من مدونة الكنز المعلوماتي القالب المستعمل في الشرح


شرح مفصل للطريقة اليدوية لتعريب قوالب بلوجر بدون أخطاء [فيديو

شرح مفصل للطريقة اليدوية لتعريب قوالب بلوجر بدون أخطاء [فيديو]


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

وإليكم شرح بالفيديو من قناتنا على اليوتيوب : 

 



شرح كتابي وملاحظات هامة :

 

عملية تعريب قالب بلوجر تتم على 3 خطوات 


1-تغيير اتجاهات القالب

 

يجب عليك تغيير جميع اتجاهات القالب عن طريق تحويل جميع الـ right  الى left
ولكي تقوم بذلك عليك استخدام هذا الاختصار [ctrl + shift + R]
وظيفة هذا الاختصار هي استبدال كلمة معينة موجودة في القالب بأخرى .. 
أولا قم بالضغط على [ctrl + shift + R] سيظهر لك مربع اكتب فيه right
ثم اضغط Entrer واكتب في المربع الثاني yemen
ثم كرر الخطوة السابقة ولكن استبدل leftبـ right 
كرر الخطوة السابقة لآخر مرة مع استبدال yemen بـ left 
 هكذا تم تغيير جميع اتجاهات القالب .

2-تعديل أكواد الـ padding والـ margin 

 

هذه الأكواد تظهر على عدة أشكال ... ما يهمنا منها في عملية التعريب هو الشكل الذي يكون بعد الـ padding أو الـ margin
4 قيم 
مثل :  padding:3x 5px 3px 7px;
عليك استبدال القيمتين الثانية والرابعة ببعضهما .. لتصبح في النهاية بهذا الشكل
padding:3x 7px 3px 5px;
وما ينطبق على أكواد الـ padding ينطبق على أكواد الـ margin

3-تغيير الكلمات الأجنبية في القالب بكلمات عربية 

 

مثال (Home - contact Us ...)
عليك تغييرهم الى (الرئيسية - اتصل بنا ... )
------------------------------------------

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

طريقة تعريب قوالب بلوجر بدون برامج

طريقة تعريب قوالب بلوجر بدون برامج

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

طريقة تعريب قوالب بلوجر بدون برامج :

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

1 : قم بفتح القالب ببرنامج Notepad .
2 : قم بنسخ ما بين <b:skin> و </b:skin> .
3 : قم بفتح ملف Notepad جديد وألصق به الكود الذي نسخته .
4 : من قوائم Notepad إختر Search وثم remplace .
5 : أكتب بالمربع الأول Right وفي الثاني Left .
6 : إضغط على Replace all .
7 : أكتب مرة أخرى في المربع الأول Left وفي الثاني Right .
8 : إضغط على Replace all .
9 : قم بوضع بالمربع الأول copyleft وفي المربع الثاني copyright .
10 : إضغط على Replace all .
11 : قم بنسخ الكود وألصقه بين <b:skin> و </b:skin> في الملف الأول Notepad .
12 : قم بحفظ الملف .
13 : قم بتركيب القالب على مدونة تجريبية .

تبديل الحاشية والمحاذاة :

1 : قم بالدخول إلى بلوجر وإختر المدونة التجريبية .
2 : قم بالضغط على "قالب" ثم إضغط على "تحرير Html" .
3 : قم بالضغط على Ctrl + f من لوحة المفاتيح .
4 : قم بكتابة padding: .
ستجدها على عدة أشكال لكن الشكل المقصود هو كهذا :
padding: 3px 10px 5px 4px;

5 : قم بتبديل القيمتين الثانية والرابعة (من إتجاه اليسار) .
6 : قم بالبحث عن كل الأكواد التي تشبه الخطوة 4 وقم بعمل لها مثل الخطوة 5 .
7 : الآن نكرر ما فعلناه بالخطوة 3 .
8 : قم بكتابة margin: . (يجب أن يكون شكلها كما الخطوة 4)
9 : قم بتبديل القيمتين الثانية والرابعة .

وضع حقوق التعريب :

1 : قم بالضغط على ctrl + f من لوحة المفاتيح .
2 : أكتب <footer> وإضغط Enter من لوحة المفاتيح .
3 : ضع هذا الكود أسفله تماماً مع تغيير ما يلزم :
<a href='رابط مدونتك' rel="dofollow">تعريب : إسم مدونتك</a>

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

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



قد تحدثنا سابقآ عن حول تعريب قوالب بلوجر  وتعرفنا على المفهوم العام لتعريب تلك القوالب ولاكن فى تدوينة اليوم سنتعرف على برنامج التعريب واللذى يسهل علينا عناء تعلم لغات البرمجة على الرغم من أهمية تعلمها لتكون محترف فى التعامل مع القوالب والتصاميم عمومآ
اسهل طريقة لتعريب قوالب بلوجر






تعريف مطور البرنامج للبرنامج


هو برنامج لتحويل قوالب بلوجر الأجنبية الى قوالب تتناسب و تتوافق مع المحتوى العربي فمعظم قوالب بلوجر بالانجليزية أي محاذات الكتابة و العناوين من اليسار الى اليمين . فالبرنامج يقوم بتحويل أكواد Css و Html ليصبح تنسيق الكتابة من اليمين الى اليسار و يقوم بحذف المسافات بين الحروف لأنها لا تصلح مع الكلمات العربية و يقوم بتكبير حجم الخطوط و تعديل أكواد أخرى هامة ( كالأبعاد Margin و padding و بعض الوسوم 

ويمكنك متابعة الفيديو التالى لمعرفة كيفية التعامل مع هذا البرنامج




او متابعة الشرح عن طريق الصور عبر الرابط التالى للمطور من هنا

مختصر القول فى هذا البرنامج
البرنامج رائع وهو مصمم لراحة المستخدم العربى لتعريب القوالب ولاكن التعريب قد يصل الى 90% وذلك بسبب الاكواد المختلفة لكل قالب او الصور المستخدمة بالقوالب من حيث تغيير اتجاهها وقد شرح المطور الطريقة لتعويض تلك النواقص بالبرنامج فى خطوات بسيطة
والان مع رابط التحميل الخاص بالبرنامج 
قم بالضغط    هنا   او  هنا

يمكنك مشاركتنا عبر التعليقات بالقوالب اللتى قمت بتعريبها بهذا البرنامج الرائع

FREE TEMPLATES

http://www.templateism.com/search?updated-max=2015-04-25T03%3A40%3A00-07%3A00&max-results=6


احسن قالب بلوجر تقني على الإطلاق مجانا للجميع

http://www.tadwena.net/view.html/37-تدوينة-احسن-قالب-بلوجر-تقني-على-الإطلاق-مجانا-للجميع


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

تحميل القالب و الإضافات : من هنا 

قالب بلوجر احترافى تقنى Flat Mag Blogger Template

http://blog-faroon.blogspot.com/2014/07/flat-mag-blogger-template.html#


قالب بلوجر احترافى تقنى Flat Mag Blogger Template

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
مرحبا بكم اخوانى واخواتى 
اليوم جئت ومعى قالب بلوجر احترافى 
قالب

flat mag
 لقد قمت بتعريبة لكم قالب بمميزات رائعة
 Flat Mag Blogger Template - Screenshot


http://blog-faroon-flatmag.blogspot.com/ http://www.gulfup.com/?SEKQLs

 تحياتى لكم ولاتحرمونا من تعليقاتكم

حصريا القالب التقني"ليوماجازين" مطور بخمس الوان احترافيه لمدونات بلوجر(تحديث)

http://ndn2015.blogspot.com/2015/07/blog-post_98.html



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





مميزات القالب
    1. قالب انيق ومميز واحترافي
    2. يتميز القالب بقائمه منسدله احترافيه
    3. يتميز بخفة في التصفح
    4. يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
    5. اضافة الاشتراك في المواقع الاجتماعيه
    6. سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
    7. يتميز القالب بسلايدرات احترافيه تلقائيه ذاتية التشغيل
    8. اضافة مشاركة المواضيع على الشبكات الاجتماعيه
    9. اضافة كاتب الموضوع اسفل التدوينه
    10. يتميز القالب باربع قوائم اسفل الفوتر
    11. إضافة اقرا المزيد
    12. يحتوي على خطوط ويب مميزه واحترافيه
    13. -يتميز القالب بتعليقات بلوجر المترابطه
    14. متوافق مع اشهر المتصفحات ماعدا انترنت اكسبلور
تحميل القالب بخمس الوان كل قالب على حده

1-القالب الازرق

 


2-القالب الاحمر


 3-القالب البنفسجي

4-القالب الاخضر

5-القالب البرتقالي







تخصيص القالب

القالب يحتوي على كتير من ألسليدرات كلها متشابهة وتعتمد هذه السلايدرات على عرض مواضيع قسم معين من اقسام المدونه ,  ولكن  يجب ان يتوافر لديك رابط مهم جدا لتشغيل جميع السلايدرات التي في القالب وسوف يكون الرابط كالتالي  :
http://رابط مدونتك/feeds/posts/default/-/اسم القسم?published&alt=json-in-script&callback=labelthumbs
عوض ما باللون الاحمر  برابط المدونة و اسم القسم المراد عرض مواضيعه

مثال
http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs
ولنفترض ان لديك 4 اقسام في المدونه وتريد عرضها في القالب في جميع السلايدرات الموجوده , فبهذه الحاله سوف تكرر العمليه السابقه اربع مرات بعدد اقسام المدونه ولكن مع مراعاة تغيير اسم القسم داخل الرابط 
فمثلا انا لدي 4 اقسام هي   اضافات بلوجر , قوالب بلوجر ,دروس بلوجر ,تقنيه
سوف اقوم باضافته للرابط السابق كالتالي
http://www.alb33dani.com/feeds/posts/default/-/اضافات بلوجر?published&alt=json-in-script&callback=labelthumbs 
http://www.alb33dani.com/feeds/posts/default/-/قوالب بلوجر?published&alt=json-in-script&callback=labelthumbs
http://www.alb33dani.com/feeds/posts/default/-/دروس بلوجر?published&alt=json-in-script&callback=labelthumbs
http://www.alb33dani.com/feeds/posts/default/-/تقنيه?published&alt=json-in-script&callback=labelthumbs

الان  بعد ان قمنا بعمل روابط لاقسام المدونه يجب ان نجعل الروابط الذي قمنا بالتعديل عليها مختصره عن طريق الموقع التالي
http://goo.gl/
 قم بادخال الربط داخ المستطيل واضغط على SHORT URL لتحصل الى الرابط المحتصر


الان بعد ما حصلنا على 4 روابط مختصره سوف نحتفظ بها لاننا سنحتاجها فيما بعد

  • نقوم اولا بتخصيص السلايدر شو الاساسي 

    قم بالبحث عن الرابط التالي
    http://goo.gl/hZfeln
 ستجد هذا الرابط مكرر مرتين في القالب  قم باستبدال الرابطين  بالرابط المختصر للقسم الاول  الذي انشأته مسبقا  واحتفظت به

ثانيا تخصيص اداة احدث التدوينات  

قم بالبحث عن الرابط التالي
http://goo.gl/b91Asr
 
 واستبدله بالرابط المختصر للقسم الثاني الذي اضفته مسبقا

  تخصيص السلايدر الافقي اسفل اداه احدث التدوينات

قم بالبحث عن الرابط التالي
http://goo.gl/8PM3pP
 
 واستبدله بالرابط المختصر للقسم الثالث الذي اضفته مسبقا

  تخصيص قائمة المواضيع اسفل السلايد الافقي

قم بالبحث عن الرابط التالي
http://goo.gl/bhbgON
 
 ستجد هذا الرابط مكرر مرتين في القالب  قم باستبدال الرابطين بالرابط المختصر للقسم الرابع  الذي انشأته مسبقا  واحتفظت به

  تخصيص قائمة عرض المواضيع حسب التسميات اسفل القالب



هذا المستطيل يعتمد على عرض المواضيع حسب التسميات ( الاقسام ) لذا كل ماعليك هو اولا وضع اسم للقسم الذي تحب ان تعرض مواضيع داخل هذا المستطي وايضا الرابط المختصر للقسم (الذي انشئناه مسبقا في اول الشرح)

اولا نقوم بتغيير عناوين التسيمات التي في القائمه الافقيه اعلى المستطيل  ولتغييرها نبحث عن الكود التالي

<ul class='maintabNav'>
ستجد الكود بهذا الشكل

<ul class='maintabNav'>      
<li class='firstTab active' style=''>
    <a href='#maintabs-1' title='اسم القسم 1'><span class=''>اسم القسم 1</span></a></li>
<li><a href='#maintabs-2' title='اسم القسم 2'><span class=''>اسم القسم 2</span></a></li>
<li><a href='#maintabs-3' title='اسم القسم 3'><span class=''>اسم القسم 3</span></a></li>
<li><a href='#maintabs-4' title='اسم القسم 4'><span class=''>اسم القسم 4</span></a></li>
</ul>

قم بكتابة اسماء التسميات(الاقسام) الخاصه بك داخ الكود السابق  كما هو موضح كل قسم ستكتب اسمه مرتين

الان ننتقل  الى كيفية اضافة روابط هذه الاقسام


قم بالبحث عن الكلمات التالي 
الرابط المختصر للقسم 1

الرابط المختصر للقسم 2

الرابط المختصر للقسم 3

الرابط المختصر للقسم 4
واستبدل كل جمله  بالرابط  المختصر   للقسم الذي تريد عرضه  >ويجب ان يكون ترتيبها حسب ترتيبك لاسماء مواضيع التسميات  التي اضفتها في الكود السابق

الان قم بحفظ القالب واستمتع بالقالب الاحترافي الجديد في مدونتك

اتمنى ان اكون قد وفقت لتوصيل المعلومه وفي حاله حصول اي مشكله عند التركيب قم بوضع تعليق



تحديثات وإصلاحات


23/11/2013
  • إعادة تنسيق صفحات التدوينات وضبط البادينج لكي يتم عرض التدوينه بشكل منسق.
  • اعادة رفع ملفا الاستايل css لاستضافة Google Drive.
  • إعادة تنسيق واصلاح اضافة مواضيع ذات صله.
  • إعادة رفع جميع القوالب الى استضافة box.com .
تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا