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

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

قم بالذهاب الي لوحة تحكم مدونتك > ثم تحرير 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>

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

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

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة تقسيم العامود الجانبي الي قسمين في مدونة بلوجر | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, تنسيق القالب