السلام عليكم ورحمة الله تعالى وبركاته , وكما عودناكم في مدونتنا أن نقوم بتقديم كل المواضيع المهمة والتي يبحث عنها الكثيرين والتركيز عليها في هذا الدرس سوف نقوم بشرح كامل وشامل لإضافة ثلاث أعمدة في الفوتر .
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 تعليق
اهلا بك اخي انا اريد الاعمدة متل اللي في الصورة ان كان ممكن لانني جربت هدا الكود ليس متل الصورة ليس به الخط الازرق الفاصل بين العنوان والاضافة
ان شاء الله تكون فهمت قصدي
شكراا
السلام عليكم يا أخي أهلا وسهلا بك وأود أن أبشرك أن تم تغيير الكود بما بالشكل الذي هو بالصورة والأن بإمكانك تطبيقه على مدونتك
بالتوفيق (:
والله شكراا لك اخي ستتم التجربة ان شاء الله
أنا لم أجد هذا الكود
رابط مدونتي
overmix-boy.blogspot.com
ممكن مساعدة
@hamza ramdi
السلام عليكم
أولا وقبل كل شيء مرحبا بك في مدونتنا وبنالنسبة للمساعدة التي طلبتها عن إيجاد الكود فبإمكانك البحث عن id="footer"
وضع قبلها الكود التاني
اخي لا يظهر لي ه>ا الكود رابط مدونتي لاهو : http://4llpro.blogspot.com
@med el haddaoui
السلام عليكم يا اخي الكود ظهر لك ولكن لم يظهر في المكان الصحيح ضع هنا القالب الخاص بك وبعدها سوف أقوم بوضعه أنا في المكان الصحيح
لم أجد هذا الكود
رابط مدونتي
http://4we-eb.blogspot.com/
شكرا لك اضافة ممتازة لقد عدلت عليها
مدونتي
بلوجر فيس|blogger face
اسف استاذ بس ما وجدت الكود رابط مدونتي
http://musr-today.blogspot.com
لم أجد هذا الكود
رابط مدونتي
http://zawajislamy.blogspot.com/
شكرا على الموضوع
اولا لم اجد الكود
http://www.fr-tips.info/
ثانيا اريد دمج اللاعمدة فى استايل المدونة بحيث لا يظهر اى اختلاف فى شكل الاستايل
لاننى جربت احدى الطرق وكانت النتيجة ظهور الاعمدة بلون مختلف عن استايل المدونة
لم اجد هذا الكود
مدونتي telcooo99.blogspot.com
لم اجد هذا الكود
مدونتي http://bloggerspota.blogspot.com/
إرسال تعليق