إضافة أداتين "إضافة أداة" فوق / أسفل صندوق رسائل المدونة في مدونات بلوجر

                 

في أغلب الأحيان، و في أغلب قوالب بلوجر سواءا الرسمية أو التي يتم تحميلها من شبكة الأنترنيت تكون ذات مقسمة بطريقة قد يريد المستخدم إضافة أو حذف جزء معين منه.
لذلك أود اليوم  أن أقوم بشرح سهل و بسيط عن كيفية إضافة عمودين أو أداتين Sections "إضافة أداة" فوق صندوق رسائل المدونة و / أو تحته. بعد ذلك يمكنك إضافة ادوات جافا سكريبت HTML/Javascript كما تشاء.
بالضبط كما في الصورة التالية:

كما ترون سوف نقوم بإضافة أداتين فوق رسائل المدونة / تحت رسائل المدونة.

كالعادة و قبل أن نبدأ يجب علينا أخذ نسخة إحتياطية من القالب لتجنب أي خطأ قد يحصل

نذهب إلى قالب --> تحرير HTML --> متابعة و لا نقم بتوسيع قوالب عناصر واجهة  المستخدم.

باستعمال F3 أو ctrl+F نبحث عن الكود التالي:


<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='false' title='Post sul blog' type='Blog'/> </b:section>


لإضافة عمودين / أداتي "إضافة أداة" فوق صندوق رسائل المدونة نضع الكود التالي فوق / أعلى الكود الذي قمنا بالبحث عنه في الخطوة السابقة.


<div id='Widget1A' style='width: 47%; float: left; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-1a' preferred='yes' style='float:left;'/> </div> <div id='Widget1B' style='width: 47%; float: right; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-1b' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/>


لإضافة عمودين / أداتي "إضافة أداة" تحت / أسفل صندوق رسائل المدونة نضع الكود التالي تحت / أسفل الكود الذي قمنا بالبحث عنه في الخطوة السابقة.


<div id='Widget2A' style='width: 47%; float: left; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-2a' preferred='yes' style='float:left;'/> </div> <div id='Widget2B' style='width: 47%; float: right; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-2b' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/>


النسبة المائوية لعرض الأدواة يمكن أن يكون بأي نسبة تريدون أي بالقياسات التي تريدونها، المهم أن يكون مجموعهما أقل من 100%. 

إذا ظهرت الأداتان فوق بعض فقم بتنقيص أو تصغير النسب المائوية / قياسات الأداتين حتى يظهرا جنبا إلى جنب.

أما إذا أردتم إضافة 3 أدوات "أضافة أداة" فيمكنكم الإعتماد على الكود التالي.



<div id='Widget2A' style='width: 31%; float: left; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-2a' preferred='yes' style='float:left;'/> </div> <div id='Widget2B' style='width: 31%; float: left; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-2b' preferred='yes' style='float:left;'/> </div> <div id='Widget2C' style='width: 31%; float: right; margin:0; padding: 5px;'> <b:section class='sidebar' id='widget-2c' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/>


هنا أيضا يمكنكم التحكم بقياسات عرض الإضافات بنفش الشروط السابقة.