مفهوم اساسى فى قالب بلوجر وهو مكونات القالب الاساسية
الرسم يوضح مفهوم اساسى فى قالب بلوجر وهو مكونات القالب الاساسية
فىعلى سبيل المثال
الجزء الخاص بال body
يتكون من ثلاثة اقسام
sections
وكل قسم section يتكون من مجموعة من مجموعة من ال widgets
انها مفاهيم اساسية فى قوالب بلوجر المكتوبة بلغة xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
]]></b:skin>
</head>
<body>
<b:section id="all"/>
<div class='all'>
<div id='header'></div>
<div id='main'>
<div id='posts'></div>
<div id='sidebar'></div>
</div>
<div id='footer'></div>
</div>
</body>
</html>
=======================
<!DOCTYPE html>
<html b:version='2' class='v2' 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>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
]]></b:skin>
</head>
<body>
<b:section id="all"/>
<div class='all'>
<div id='header'></div>
<div id='main'>
<div id='posts'></div>
<div id='sidebar'></div>
</div>
<div id='footer'></div>
</div>
</body>
</html>
=======================
BLOGGER TEMPLATE STRUCTURE
=================================
Blogger template is written in xml
markup language, a complete template has 4 sections bellow:
1. THE FIRST
SECTION:
Starting from beginning of template to
<head> tag, this defines whole document in xml format and
follow all rules of xml markup language. This section is required for
all templates, but fortunately we don't need to make any change on them.
2. THE SECOND
SECTION:
Starting from <head> to <b:skin>,
this section contain necessary tags for header of a site such as: meta tags,
favicon...We can edit/add favicon link, meta tags fordescription, keywords … to
this section.
3. THE THIRD
SECTION:
Starting from <b:skin> to </b:skin>,
this section contains CSS tags which set the appearance of your
blog . It defines how an element in blog look likes, such as text color,
font size, color, background ... by using CSS attributes. If CSS is an
advantage of yours, you can easily master blog’s look and feel.
4. THE FOURTH
SECTION:
Starting from
<body> to </body>, this is the main section of
a template which show post list, single posts, display comments… It
contains HTML, XML and Blogger tags.
This is very similar to Wordpress template, if you ever work with them before.
This is very similar to Wordpress template, if you ever work with them before.
تابع معى لمعرفة المزيد
http://www.course7.com/2015/04/blog-post_21.html
تعليقات
إرسال تعليق