-->

تقنية ، إنترنت ، برامج ، دينية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأحد، 23 نوفمبر 2014

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

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

طريقة التركيب
(مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير )

الخطوة الأولى:  اضافة سكريب (Jquery Plugin) الى قالب المدونة .

1- توجه للوحة التحكم الرئيسية لمدونتك

2- تصميم

3-تحريرhtml

4- توسيع للقالب




أما بالنسبة لمستخدمي لوحة التحكم الجديدة

1 -لوحة التحكم الرئيسية بمدونتك

2-أختار من القائمة (قالب)

3- تحريرhtml

4- متابعة

5-

شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :

بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:





 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  







3- نبحث عن الكود التالي (اضغط على 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;'/>


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


جزى الله خيرا كل من ساهم فيه

ليست هناك تعليقات:

إرسال تعليق