انشاء خانتين كاقسام اسفل رسائل مدونة بلوجر
سنحاول في هذا الدرس الجديد من دروس بلوجر شرح طريقة انشاء واضافة اقسام الادوات لمدونات بلوجر. حيث سيمكنكم ذلك من اضافة ادوات جديدة تظهر اسفل المواضيع على الصفحة الرئيسية. إذا كان اسفل رسائل مدونتكم يبدو بهذا الشكل :
فبهذا الدرس سيصبح:
لا تنسوا حفظ القالب قبل القيام بالتغييرات
1- من واجهة التحكم في مدونتكم ادخلوا للقالب ثم تحرير HTML
2- Ctrl+F للبحث داخل القالب عن الكود التالي :
3- إلى اليسار قوموا بالنقر بجانب <b:widget لإخفاء جميع العناصر المكونة لجسم رسائل المدونة :
4- إلى الأسفل قليلا ستجدون كود بهذا الشكل:
5- بين <div class='clear'/> و </div> أضيفوا الكود التالي كما في الصورة:
6- سنضيف الآن كود CSS لجعل كل قسم في مكانه أي واحد إلى اليمين وواحد على اليسار. للقيام بذلك ابحثوا عن:
]]></b:skin>
7- وفوقه مباشرة أضيفوا الكود التالي:
8- قوموا بحفظ التغييرات وهذا كل ما في الأمر
الكود بالأحمر في الخطوة 5 يسمح بإظهار هذه الاقسام على الصفحة الرئيسية فقط. لإظهار القسمين في جميع الصفحات قوموا بحذف الكود بالأحمر ولخيارات أخرى راجعوا درس التحكم في اخفاء واظهار ادوات بلوجر.
بعودتكم إعدادات التخطيط الخاص بمدونتكم ستجدون أنه تمت إضافة وانشاء خانات كأقسام لإضافة الادوات التي ترغبون بها.
فبهذا الدرس سيصبح:
إضافة تسمية توضيحية |
طريقة اضافة خانتين كاقسام اسفل رسائل المدونة
لإضافة خانتين اسفل رسائل مدونتكم اتبعوا معنا الخطوات التالية:لا تنسوا حفظ القالب قبل القيام بالتغييرات
1- من واجهة التحكم في مدونتكم ادخلوا للقالب ثم تحرير HTML
2- Ctrl+F للبحث داخل القالب عن الكود التالي :
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية'
3- إلى اليسار قوموا بالنقر بجانب <b:widget لإخفاء جميع العناصر المكونة لجسم رسائل المدونة :
حيث سيبدو بهذا الشكل:
4- إلى الأسفل قليلا ستجدون كود بهذا الشكل:
</b:section>
<div class='clear'/>
</div>
5- بين <div class='clear'/> و </div> أضيفوا الكود التالي كما في الصورة:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:section class='post-left' id='post-left' preferred='yes'/>
<b:section class='post-right' id='post-right' preferred='yes'/>
</b:if>
6- سنضيف الآن كود CSS لجعل كل قسم في مكانه أي واحد إلى اليمين وواحد على اليسار. للقيام بذلك ابحثوا عن:
]]></b:skin>
7- وفوقه مباشرة أضيفوا الكود التالي:
#post-left{float:right;width:50%}
#post-right{float:left;width:50%}
#post-right{float:left;width:50%}
الكود بالأحمر في الخطوة 5 يسمح بإظهار هذه الاقسام على الصفحة الرئيسية فقط. لإظهار القسمين في جميع الصفحات قوموا بحذف الكود بالأحمر ولخيارات أخرى راجعوا درس التحكم في اخفاء واظهار ادوات بلوجر.
بعودتكم إعدادات التخطيط الخاص بمدونتكم ستجدون أنه تمت إضافة وانشاء خانات كأقسام لإضافة الادوات التي ترغبون بها.
لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله