ومن هنا تكون أضفت البنية الأساسية لقالب بلوجر، مع العلم لا يمكنك حفظ الصفحة بدون وجود ويدجيت واحدة على الأقل.
ابدء الآن بتصميم القالب الخاص بك وإضافة تنسيقات css التي تراها مناسبة لك.
هذه هي الأكواد والشفرات الرسمية الخاصة بقالب بلوجر فارغ وسوف أقوم بشرح هذه الأكواد خطوة بخطوة حتى يكون لديك علم عن كيفية استخدامها , فلا يخلو أي قالب من هذه الأكواد فهي البنية الأساسية للقالب .. تابع معي
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <!-- start meta tag title --> <title> <b:if cond='data:view.isHomepage'> <data:blog.title/> <b:elseif cond='data:view.isError'/> الصفحة غير موجودة <b:else/> <data:blog.pageName/> </b:if> </title> <!-- end meta tag title --> <!-- start meta tag description --> <meta expr:content='data:blog.metaDescription' name='description'/> <!-- end meta tag description --> <b:skin><![CDATA[ /* ضع تنسيقات css هنا */ ]]></b:skin> <b:template-skin><![CDATA[ /* ضع أكواد لتنسيق تخطيط لوحة التحكم */ ]]> </b:template-skin> </head> <body> <b:section class='test' id='test' showaddelement='yes'/> </body> </html>
الشرح
?xml
للتعبير عن لغة xmlversion="1.0"
رقم الاصدار الخاص بلغة xmlencoding="UTF-8"
نوع الترميز!DOCTYPE html
نوع الوثيقة المستخدمة في الصفحة HTML5b:css
من خلال هذا الكود يمكنك تعطيل أو تفعيل تنسيقات CSS الافتراضية ، فإذا لم تستخدم هذا الكود سيتم تفعيل تنسيقات CSS الافتراضية بشكل تلقائي في قالب بلوجر ، وهذا الكود يشمل قيميتين true صحيح وهي تقوم بتفعيل تنسيقات css الافتراضية ، وقيمة false تقوم بتعطيل تنسيقات CSS الافتراضيةb:defaultwidgetversion
لتحديد رقم الاصدار الافتراضي للويدجات ، يجب أن تكون القيمة رقمية 1 أو 2b:layoutsVersion
لتحديد رقم الاصدار الافتراضي لإضافات التخطيط ، يجب أن تكون القيمة 1 أو 2 أو 3 مع العلم أن الاصدار 3 يعمل فقط مع b:defaultwidgetversion 2b:responsive
لدعم التجاوب وتشمل true صحيح أو false خطأexpr:dir='data:blog.languageDirection'
لتحديد اتجاه لوحة التخطيط والقالب تلقائيا حسب اللغة المستخدمة في حسابك في جوجل<b:skin> *** </b:skin>
هذه المنطقة خاصة لإضافة تنسيقات css وهي مهمة جدا وبدون كتابة <b:skin> في القالب لا يمكنك حفظ القالب الخاص<b:template-skin> *** </b:template-skin>
يمكنك من خلالها إضافة وتنسيق الأدوات التي تظهر في لوحة التحكمb:section
<b:section class='test' id='test' showaddelement='yes'/>
b:section مهمة جداً في القالب والتي سوف تستخدمها كثيرا لإضافة الأدوات في القالب الخاص بك , ويجب أن تكون هناك أداة واحدة على الأقل في القالب لكي يتم حفظ القالب الخاص بك
كيفية إضافة أداة تخطيط جديدة في بلوجر
تركيب القالب الفارغ
لتركيب القالب الفارغ اتبع الخطوات التالية- زور موقع بلوجر وسجل الدخول إذا كنت غير مسجل الدخول بعد
- اختر المدونة التي تريد تركيب عليها القالب الفارغ
- اختر المظهر
- اختر تعديل HTML
- اضغط مرة واحدة داخل النموذج ثم اضغط على زر CTRL+A لتحديد جميع الأكواد
- اضغط على زر Delete لحذف جميع الأكواد
- قم بنسخ الأكواد الموجود في أعلى هذه المقالة
- الصق الأكواد في نموذج القالب الخاص بك وذلك بالضغط على زر CTRL+V
- اضغط حفظ المظهر
- بعد حفظ القالب اضغط عرض المدونة وستجد أنه ظهر صفحة بيضاء فارغة
في الدروس القادمة إن شاء الله سوف تتعلم المزيد
![]() |
1 |
![]() |
2 |
![]() |
3 |
البنية الأساسية لقالب بلوجر