شرح الأكواد المهمة في قوالب بلوجر

شرح الأكواد مهمة في قوالب بلوجر  

ماهي البنية الأساسية في أي قالب بلوجر اليكم أهم أكواد قوالب بلوجر 

أكواد مهمة في قوالب بلوجر


الأكواد مهمة في قوالب بلوجر 

بلوجر من أهم المنصات الأن لانشاء المواقع والمدونات ولكي تحترف التعديل علي قوالب بلوجر يجب ان يكون لديك بعض اللغات البرمجية مثل HTML وCSS وجافا , وبجانب هذا أيضا يجب أن يكون لديك معرفة بسيطة عن أكواد منصة بلوجر ذات نفسها وهي اكواد XML سنقوم بشرح أهم الأكواد اليوم . 
قد يهمك هذا الموضوع :- اين اضع اكواد CSS في Blogger

كود ترميز وتعريف القالب على أنه بلوجر 

هذا الكود يكون دائما في بداية أي قالب وهو كود يقوم بترميز القالب علي بلوجر ويكون بهذا الشكل  


<?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'>
    <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 تكون بهذا الشكل 
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     ADS PLUS
Designer: ehab zayn
URL:      www.mrarabko.com
----------------------------------------------- */
هنا توضع الأكواد
]]></b:skin> code-box

كما ترون توجد أكواد لتعريف ستايل القالب واسم القالب واسم المصمم ورابطه وهذه يتم وضعها في كل القوالب لتعريف القالب لمن يحمله وجملة هنا توضع الأكواد يتم وضع بدلا من هذه الجملة أكواد CSS الخاصة بـ القالب مثل هذه الاكواد تضع في CSS 

/* Content
----------------------------------------------- */
*{
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:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'></b:widget>
</b:section> code-box
ثم كود استدعاء السايدبار 
 code-box<b:section class='sidebar' id='sidebar' showaddelement='yes'> 
واخيرا كود الفوتر 
 code-box<b:section class='footer' id='footer' showaddelement='yes'>

وفي ال section ليس يوجد كود للشرح سوي هذا الكودshowaddelement='yes'وهو سهل جدا معناه انك هل تريد وضع المزيد من الاضافات في هذا السيكشن
وفي الـــ CSS قم بالتعديل عليهم كما تشاء وبعد التعديل عليهم يأتي دور الأدوات 

أكواد الأدوات 

أكواد الأدوات هي أكواد التي تكون في التخطيط عندما تضيف اداة 
فهذا كود الأرشيف
<b:widget id='BlogArchive1' locked='false' title='الأرشيف' type='BlogArchive'></b:widget code-box>
وهذا كود لاضافة اداة HTML/JAVASCRIPT 
<b:widget id='HTML1' locked='false' title='الأرشيف' type='HTML'></b:widget code-box>
وهذا كود التسميات أو أقسام الموقع
<b:widget id='Label1' locked='false' title='التسميات' type='Label'></b:widget code-box>
وهذا كود المشاركات الشائعة 
<b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts'></b:widget code-box>

توجد اكواد أخري ولكن هذه هي أهم الأكواد للادوات والباقي سنشرحه قريبا
اتمني ان يكون الدرس أفادكم ولاتنسي زيارة قسم بلوجر  لمزيد من المقالات والشروحات واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا,  او اذا كنت تريد  شرح معين عن  أي شي  لاتتردد في كتابته في التعليقات , وقم بالاطلاع علي شهادات الموقع 

ارسال تعليق

أحدث أقدم