إشترك في القائمة البريدية.

الطريقة الفعالة لإضافة ثلاث أعمدة في الفوتر للبلوجر


السلام عليكم ورحمة الله تعالى وبركاته , وكما عودناكم في مدونتنا أن نقوم بتقديم كل المواضيع المهمة والتي يبحث عنها الكثيرين والتركيز عليها في هذا الدرس سوف نقوم بشرح كامل وشامل لإضافة ثلاث أعمدة في الفوتر .



1-قم بالدخول إلى حساب مدونتك.
2-أنقر على تصميم.
3-تحرير الأشتمل.
4-قم بأخد نسخة إحتياطية.
4-ثم إبحث عن :


    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'/>
    </div>


ملاحظة إذا لم تجد هذا الكود المرجو وضع تعليق يوجد به عنوان المدونة

ضف بعدها هذا الكود

<div id='lower'> <div id='lower-wrapper'> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar1' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar2' preferred='yes'> </b:section> </div> <div id='lowerbar-wrapper'> <b:section class='lowerbar' id='lowerbar3' preferred='yes'> </b:section> </div> <div style='clear: both;'/> </div> </div>



قم بإستعراض للقالب بعد إضافة الكود للتأكد من عدم وجود خطأ

5-بعد التأكد قم بالبحث عن:


</b:skin>

أضف قبله مباشرة الكود التالي

/* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#dde9f3; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { border:1px solid #DEDEDE; background:#fff; float: right; margin: 0px 5px auto; padding-bottom: 20px; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; }
.lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: right; color:#0084ce; text-transform:uppercase; font: bold 13px Tahoma, Verdana; border-bottom:3px solid #0084ce; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }


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



تم وبحمد الله أرجو أن أكون قد وفقت في وضع هذا الموضوع المهم والذي يهم بعض المدونين وأي مشكلة أنا في الخدمة

إشترك في مدونتنا وتوصل بأخر المواضيع.

إشترك في القائمة البريدية

15 تعليق

27 أبريل، 2012 9:48 م

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

28 أبريل، 2012 4:29 ص

السلام عليكم يا أخي أهلا وسهلا بك وأود أن أبشرك أن تم تغيير الكود بما بالشكل الذي هو بالصورة والأن بإمكانك تطبيقه على مدونتك

بالتوفيق (:

28 أبريل، 2012 11:30 ص

والله شكراا لك اخي ستتم التجربة ان شاء الله

3 يونيو، 2012 4:21 ص

أنا لم أجد هذا الكود
رابط مدونتي
overmix-boy.blogspot.com
ممكن مساعدة

3 يونيو، 2012 4:46 ص

@hamza ramdi
السلام عليكم

أولا وقبل كل شيء مرحبا بك في مدونتنا وبنالنسبة للمساعدة التي طلبتها عن إيجاد الكود فبإمكانك البحث عن id="footer"

وضع قبلها الكود التاني

9 يونيو، 2012 4:05 م

اخي لا يظهر لي ه>ا الكود رابط مدونتي لاهو : http://4llpro.blogspot.com

10 يونيو، 2012 5:22 ص

@med el haddaoui
السلام عليكم يا اخي الكود ظهر لك ولكن لم يظهر في المكان الصحيح ضع هنا القالب الخاص بك وبعدها سوف أقوم بوضعه أنا في المكان الصحيح

25 يونيو، 2012 4:09 ص

لم أجد هذا الكود
رابط مدونتي

http://4we-eb.blogspot.com/

8 أغسطس، 2012 10:45 م

شكرا لك اضافة ممتازة لقد عدلت عليها

مدونتي
بلوجر فيس|blogger face

11 أغسطس، 2012 3:44 م

اسف استاذ بس ما وجدت الكود رابط مدونتي
http://musr-today.blogspot.com

غير معرف
20 سبتمبر، 2012 7:58 ص

لم أجد هذا الكود
رابط مدونتي
http://zawajislamy.blogspot.com/

24 سبتمبر، 2012 3:57 ص

شكرا على الموضوع
اولا لم اجد الكود
http://www.fr-tips.info/

ثانيا اريد دمج اللاعمدة فى استايل المدونة بحيث لا يظهر اى اختلاف فى شكل الاستايل
لاننى جربت احدى الطرق وكانت النتيجة ظهور الاعمدة بلون مختلف عن استايل المدونة

10 أكتوبر، 2012 4:19 م

لم اجد هذا الكود

مدونتي telcooo99.blogspot.com

16 يناير، 2013 2:36 ص

لم اجد هذا الكود
مدونتي http://bloggerspota.blogspot.com/

إرسال تعليق

يتم التشغيل بواسطة Blogger.
 

أضف موقعك أو مدونتك إلى جوجل شرح بالصور

أرسل موقعك أو مدونتك إلى محرك البحث الشهير شرح كامل وبالصور ...

إقرأ الموضوع

أضف مدونتك إلى 40 دليل لكسب المزيد من الترافيك

نقدم لكم في هذا الموضوع مجموعة من المواقع ذات الترافيك العالي لإضافة مدونتك فيها وتحسين تقييمك...

إقرأ المزيد

شرح كامل لإضافة تعليقات الفايسبوك إلى البلوجر

شرح كامل ومفصل بالصور لطريقة إضافة تعليقات الفايسبوك إلى مدونتك بلوجر...

إقرأ المزيد

شرح إضافة ترقيم الصفحات لمدونات بلوجر

نتطرق في هذا الموضوع إلى شرح لطريقة إضافة ترقيم الصفحات لدى مدونات البلوجر ...

إقرأ المزيد

تحميل سكربت ووردبريس 3.3.1

حمل أحدث وأخر نسخة من السكربت الرائع ووردبريس مجانا...

إقرأ المزيد

شرح عمل مدونة بلوجر بالفيديو

شرح كامل وبالفيديو لطريقة عمل مدونة بلوجر رفقة الواجهة الجديدة للبلوجر...

Read More

إضافات