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

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


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



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

إضافات