1 - خانات إضافية لقوالب بلوجر:
بعض القوالب لا تتوفر على الخانات السفلية والتي يكون غالبا عددها أربع أو ثلاث. وفي هذا الدرس من دروس بلوجر سنرى طريقة إضافة ثلاث خانات جديدة أسفل القالب لمدونات بلوجر. وجود مساحات إضافية على قالب يعني إمكانية إضافة أدوات بلوجر جديدة ستساعد في تسهيل تصفح المدونة وتوفر المزيد من آليات اكتشاف المحتوى. |
| نموذج ثلاث خانات أسفل القالب لمدونات بلوجر |
2- طريقة إضافة ثلاث خانات أسفل القالب لمدونات بلوجر:
لإضافة الخانات السفلية لمدونة بلوجر خاصاتكم تابعوا معنا الخطوات التالية:- الخطوة 1:
من واجهة المدونة نختار القالب ثم تحرير HTML
- الخطوة 2:
من لوحة المفاتيح Ctrl+F للبحث داخل كود القالب عن ]]></b:skin>
ومن فوقه مباشرة أضيفو الكود التالي:/* ----- Folfoly.com LOWER SECTION ----- */
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333434; }
#lower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff; float: left;
margin: 0px 5px auto;
padding-bottom: 20px; width: 32%; text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: right;
color:#0084ce; text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana; border-bottom:3px solid #0084ce; }
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
/* folfoly.com three column footer CSS */
- الخطوة 3:
Ctrl+F من جديد للبحث عن <div id='footer-container'>
وفوقها تقومون بإضافة الكود التالي:
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes' />
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes' />
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes' />
</div>
<div style='clear: both;'/>
</div> </div>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes' />
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes' />
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes' />
</div>
<div style='clear: both;'/>
</div> </div>
قوموا بحفظ التغييرات، وستلاحظون من خلال التخطيط ظهور ثلاث خانات متتابعة لإضافة أدوات جديدة.
بإمكانكم تغيير الألوان لتناسب تصميم مدونتكم. هكذا نكون قد رأينا طريقة إضافة ثلاث خانات أسفل القالب لمدونات بلوجر . والتي ستقومون باستغلالها لإضافة المزيد من الأدوات الجديدة.
