1- دورة تصميم و تطوير قوالب بلوجر Blogger

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

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

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

الجزء 1: قاعدة القالب
في هذا الجزء الأول سنحدد بعض العناصر الأساسية لتطوير أول قالب خاص بك.

كما يعلم البعض انا جميع المواقع عندها 3 أقسام Header , Body,Footer

الان , قم بإنشاء مدونة جديدة و انسخ الكود من الصفحة التالية:

http://pastebin.com/RJ4FSuHy

الان قم بمسح الاكواد في مدونتك الجديدة و ضع الكود الذي نسخت من قبل.

بعدها قم بوضع الكود التالي قبل كلمة <head/>

<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css' rel='stylesheet'/>

<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css' rel='stylesheet'/>

و اخيرا قم بنسخ الكود من الصفحة التالية و ضعه داخل < "b:includable id="main>

http://pastebin.com/C5M7PYVK

النتيجة

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