طريقة تقسيم العامود الجانبي الي قسمين في مدونة بلوجر

تطوير ويب » تنسيق القالب » طريقة تقسيم العامود الجانبي الي قسمين في مدونة بلوجر

السبت، أغسطس 27، 2011
3:28 م

طريقة تقسيم العامود الجانبي الي قسمين في مدونة بلوجر

السلام عليكم ورحمة الله وبركاته ,,, كثير من الناس يسال ويبحث عن طريقة تقسيم العامود الجانبي في مدونة بلوجر سواء الايمن او الايسر الي قسمين اثنين مثل الموجود في مدونتي وللقيام بتلك الطريقه عليك اتباع التالي ..

قم بالذهاب الي لوحة تحكم مدونتك > ثم تحرير HTML مع اخذ نسخه احتياطيه من قالب مدونتك.

1. ابحث عن هذا الكود في مدونتك:

#sidebar-wrapper {
width:220px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

2. ضع تحته مباشرة الكود التالي:

#right-col {
width:48%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#left-col {
width:48%;
float:left;
word-wrap:break-word;
overflow:hidden;
}

3. قم بالبحث عن:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

4. وقم باستبداله بالكود الموجود بالاسفل:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
<b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>
</div>

ان لم تنفع معك تلك الطريقه

هناك طريقه اخرى: قم بوضع كود ال css في اول خطوه مثل ما هو مكتوب ومحدد

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

ستجد اسم الاضافه معه قطعه من الاكواد لا تهتم الا بكلمة:


 </b:section>

ضع تحتها الكود التالي مباشرة <b:section class='sidebar' id='left-col' preferred='yes'/>
<b:section class='sidebar' id='right-col' preferred='yes'/>

</div>

الان قم بالذهاب الى عناصر تصميم الصفحه ستجد اداتين في اتم الاستعداد لوضع اى اضافات فيهما

اى استفسار يرجا ترك تعليق بالاسفل

أصدقاء(تطوير ويب)

تعليقات Facebook

5تعليقات Blogger

شارك أصدقاءك

5 عدد التعليقات على موضوع طريقة تقسيم العامود الجانبي الي قسمين في مدونة بلوجر

بقلم رئيس التحرير يقول...

شكر اخي ورمضان كريم
ولكن اريد ان اضع عمودين اسفل التدوينات اى اسفل المواضيع

27 أغسطس 2011 في 6:11 م

غير معرف يقول...

@التحرير
على الرحب والسعه اخي ساقوم اليوم بوضع تدوينه تتضمن شرحا لكيفية وضع عامودين اسفل التدوينات
كن من متابعينا يصلك جديد الدروس والاضافات بكل سهوله

29 أغسطس 2011 في 6:50 ص

غير معرف يقول...

للاسف اخى قبل وضعى لاى تدوينه غالبا ما اقوم بتجربة الاضافه التى تجتويها تدوينتى وللاسف اضافة عامودين تحت الرسائل لم يتم بالشكل الصحيح وظهرت الادوات مشوهه كما توقعت وكنت قد جربت اضافتها على اكثر من قالب ولم تفلح الطريقه لذلك لم اقم بكتابة التدوينه التى وعدتك بها اليوم...اما الاضافه الموجوده في التدوينه التي نقوم بالتعليق فيها الان فهي والحمد لله تعمل بنجاح ومثال عليها مدونتي
وقد وجب التنبيه كى لا يختلط الامر على القراء
تقبل مودتي وتقديري..

29 أغسطس 2011 في 7:35 ص