تريدون إنشاء نموذج بلوجر انطلاقا من صفحة بيضاء.
لديكم معرفة مسبقة باللغتين 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>