تريدون إنشاء نموذج بلوجر انطلاقا من صفحة بيضاء.
لديكم معرفة مسبقة باللغتين HTML و CSS ؟ هذا جيد إذا.
لديكم أيضا إلمام بلغة XML بلوجر. و هذا أيضا جيد.
إذن أنتم جاهزون لبدء هذا التحدي الجديد.
الأكواد المطلوبة في قالب بلوجر:
الكود أسفله هو الحد الأدنى المطلوب لبدء كتابة نموذج جديد لقالب بلوجر.
نوع المستند "doctype" و الوسوم المعتادة <head> و <html> و <body> هي كلها أشياء مطلوبة بالنسبة لهيكلة قالب بلوجر.
أما بالنسبة لوسوم XML بلوجر، و وسوم تخطيط الصفحات فهي ضرورية:
<b:skin>:
- و هو وسم إغلاق خصائص المتغيرات أو ملفات CSS.
- و يجب أن يكون داخل وسم <head>.
- الوسم <style> لا يجب أن يتم الإشارة إليه.
- و هي المنطقة التي يتم فيها تحديد مجموعة من الأدوات.
- و يجب دائما أن يتوفر قالب بلوجر على الأقل على "<b:section>" واحدة و التي ستسمح لنا بإضافة الأدوات باستعمال الخاصية: :
showaddelement='yes'
- كما يجب دائما أن تكون "<b:section>" داخل <body>.
<b:widget>
- و هو الوسم الخاص بالأدوات.
- أداة واحدة، و من الأفضل أن تكون الأداة التي تحتوي على التدوينات: Blog1.
- الوسوم <b:widget/> يجب أن تكون داخل <b:section/>
Le fichier XML
CODE XML MINIMUM
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html 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> <!-- DÉBUT DE L'ENTÊTE --> <!-- EMPLACEMENT 1 : BALISES META, LINKS, FICHIERS JS, ETC --> <b:skin><![CDATA[ /* EMPLACEMENT CSS */ ]]></b:skin> <!-- EMPLACEMENT 2 : BALISES META, LINKS, FICHIERS JS, ETC --> <!-- FIN DE L'ENTÊTE --> </head> <body> <!-- DÉBUT STRUCTURE HTML --> <!-- AU MOINS 1 B:SECTION & 1 B:WIDGET REQUIS --> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'></b:widget> </b:section> <!-- FIN STRUCTURE HTML --> </body> </html>
0 تعليقات: