شرح الأكواد المهمة في قوالب بلوجر
شرح الأكواد مهمة في قوالب بلوجر
ماهي البنية الأساسية في أي قالب بلوجر اليكم أهم أكواد قوالب بلوجرالأكواد مهمة في قوالب بلوجر
بلوجر من أهم المنصات الأن لانشاء المواقع والمدونات ولكي تحترف التعديل علي قوالب بلوجر يجب ان يكون لديك بعض اللغات البرمجية مثل HTML وCSS وجافا , وبجانب هذا أيضا يجب أن يكون لديك معرفة بسيطة عن أكواد منصة بلوجر ذات نفسها وهي اكواد XML سنقوم بشرح أهم الأكواد اليوم .قد يهمك هذا الموضوع :- اين اضع اكواد CSS في Blogger
كود ترميز وتعريف القالب على أنه بلوجر
هذا الكود يكون دائما في بداية أي قالب وهو كود يقوم بترميز القالب علي بلوجر ويكون بهذا الشكل<!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'>
<b:include data='blog' name='all-head-content'/> code-box
كما ترون هذا الكود يضع في بداية القالب ولا يوجد أعلاه أي أكواد واذا قمت حتي بعمل مسافة SPACE فوق الكود سيعطي لك خطأ The processing instruction target matching "[xX][mM][lL]" is not allowed
وبعد هذه الأكواد يأتي بعده وسم <head> ثم اكواد الميتا تاج
أكواد الستايل CSS
في درس سابق شرحنا أين تضع أكواد CSS في قوالب بلوجر والطريقة الرئيسية لوضع اكواد CSS تكون بهذا الشكل-----------------------------------------------
Blogger Template Style
Name: ADS PLUS
Designer: ehab zayn
URL: www.nsafr.com
----------------------------------------------- */
هنا توضع الأكواد
]]></b:skin> code-box
كما ترون توجد أكواد لتعريف ستايل القالب واسم القالب واسم المصمم ورابطه وهذه يتم وضعها في كل القوالب لتعريف القالب لمن يحمله وجملة هنا توضع الأكواد يتم وضع بدلا من هذه الجملة أكواد CSS الخاصة بـ القالب مثل هذه الاكواد تضع في CSS
----------------------------------------------- */
*{
margin:0;
padding:0;
outline:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
direction:rtl;
}
a {text-decoration:none;font:normal 14px tahoma, arial;}
a :visited{text-decoration:none;}
a :hover{text-decoration:none;}
blockquote
{
margin:5px 17px;
padding:7px;
border:2px solid #3e89f1;
color:#000;
background:#E9F4FA;
}
ul , ol , dl {
list-style-position:inside;
font-weight:bold;
list-style:none;
}
/*------------------------جسم المدونة--------------------------*/
body{
background:#fff url(هنا توضع صورة خلفية المدونة);
padding: 0;
margin: 0;
direction: rtl;
font-family: Changa, arial;
font-weight: normal;
font-size: 14px;
}
/*--------------------كود تلوين تحديد النصوص----------------------*/
*::-moz-selection {
background-color: #ffc000;
color: #fff;
}code-box
الاكواد هذه تضع داخل القالب في الـ CSS نأتي للمرحلة الثالثة
اكواد المحتوي
قالب بلوجر عبارة هيدر ثم المحتوي والسايدبار والفوتر محتوي الهيدر يكون هكذا
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='قالب عربكو (رأس الصفحة)' type='Header'></b:widget>
code-box</b:section>
<b:widget id='Header1' locked='true' title='قالب عربكو (رأس الصفحة)' type='Header'></b:widget>
code-box</b:section>
ثم كود المحتوي أي المشاركات والتدوينات يكون الكود بهذا الشكل أيضا
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'></b:widget>
</b:section> code-box
ثم كود استدعاء السايدبار
واخيرا كود الفوتر
وفي ال section ليس يوجد كود للشرح سوي هذا الكودshowaddelement='yes'وهو سهل جدا معناه انك هل تريد وضع المزيد من الاضافات في هذا السيكشن
وفي الـــ CSS قم بالتعديل عليهم كما تشاء وبعد التعديل عليهم يأتي دور الأدوات
أكواد الأدوات
أكواد الأدوات هي أكواد التي تكون في التخطيط عندما تضيف اداة
فهذا كود الأرشيف
وهذا كود لاضافة اداة HTML/JAVASCRIPT
وهذا كود التسميات أو أقسام الموقع
وهذا كود المشاركات الشائعة
توجد اكواد أخري ولكن هذه هي أهم الأكواد للادوات والباقي سنشرحه قريبا
اتمني ان يكون الدرس أفادكم ولاتنسي زيارة قسم بلوجر لمزيد من المقالات والشروحات واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع
اتمني ان يكون الدرس أفادكم ولاتنسي زيارة قسم بلوجر لمزيد من المقالات والشروحات واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع
يرجا عدم الشتم في التعليقات لانه سوف يتم الابلاغ على حسابك يرجى منك اخي القارء على ان تعلق بما هو مناسب لك ولاكن ضمن حدود الاخلاق