هاك إضافة 3 أعمدة في الفوتر لمدونات بلوجر Blogger

بسم الله الرحمن الرحيم

بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , أما بعد , أخي الزائر أو العضو لعلك قد رأيت في بعض القوالب الخاصة بمدونات البلوجر ان هذه القوالب تحتوي من الأسفل على 3 أعمدة ولكن كيف أضافها هو وكيف أضيفها أنا لا تقلق العملية سهلة جدا , ولكن قبل أن اضيفها لماذا أتعب نفسي في إضافتها وهي ليس لها أي أهمية , أقول لك كيف ذلك ,حيث أنك تسطيع وضع فيها إَضافة المقالات المميزة والمقالات الحديثة وأحدث التعليقات أو أي إضافة انت تراها مناسبة لك , ولكنها تكون مناسبة أكثر بالنسبة للإضافات بدلا من وضعها في جانب القالب فوضع الإضافات في آخر القالب تعطي القالب رونقا من نوع خاص , ولتركيب الإضافة تابع معي
ولمعرفة كيفية إضافة 3 أعمدة في قالبك فضلا أتبع الآتي

ملحوظة هامة : لا تنس بأخذ نسخة أحتياطية من قالبك

  •  ادخل الى لوحة تحكم مدونتك ثم الى التصميم ثم تحرير ال html ثم قم بتوسيع القالب .
قم بالبحث عن هذا الكود
</body>
ثم أضف هذا الكود بعده مباشرة 
<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>
ثم ابحث عن ]]></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;
}

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

تم بحمد الله .. أخوكم باسم .
أعتذر للجميع عن التأخر في الرد على الإستفسارات وذلك لضيق الوقت بالنسبة إليا . , لا تنسونا من خالص دعائكم .

34 تعليق على هاك إضافة 3 أعمدة في الفوتر لمدونات بلوجر Blogger

كريم قدوري يقول...

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

mohmad يقول...

ايه الحلاوة دى ممتز

باسم يقول...

@ كريم قدوري : مرحبا بك أخي كريم , ضيق الوقت هو ما يمنعني من الشرح بالتفصيل ..

باسم يقول...

@ mohmad : مرحب بيك يا أبو حميد ..

عمر يقول...

السلام عليكم ورحمة الله وبركاته

بارك الله فيك أخي الحبيب باسم .. وأثابك على جهودك في خدمة أخوانك ..

بعد إذنك عندي مشكلة في التجربة ..

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

فما المشكلة ؟..
وأنا مش مستعجل على الرد .. وربنا يكرمك ويبارك في وقتك ..

باسم يقول...

@ عمر : بص يا عمر باشا , حضرتك لو أضف أول عمود , وثاني عمود , وثالث عمود, من التخطيط , وضغط حفظ , ستجد عن معاينتك للقالب انهم ليسوا تحت بعض , ولكنهم متجاورين , جرب كده , ولو فيه اي مشاكل , لا تتردد في وضع استفسارك ..

عمر يقول...

السلام عليكم ..

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

جزاك الله خيرًا ونفع بك ..

باسم يقول...

@ عمر : تحت أمرك أخي الغالي عمر .. نورت المدونة ..

Ahmed Nassar يقول...

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

ودا موضوع فى مدونتى شوف لون التعليقات
http://arabsway.blogspot.com/2011/04/blog-post_08.html

باسم يقول...

@ Ahmed Nassar : بص يا أبو حميد خش على html ومن خلال الكود الخاص بالتعليقات واسمه comments h4 غير كود 333333# الى كود ffffff# ..

Ahmed Nassar يقول...

ِشكراً يا باسم بس التجربة منجحتش برده لدرجة انى غيرت جميع اكواد #333333 ل #ffffff كلمنى على الفيس بوك اديلك اميل حسابى ادخل جربها بنفسك

Ahmed Nassar يقول...

معلش يا باسم انا غلطت وكتبت تعليق على الموضوع ده بالغلط
انا كنت اقصد تعليقات الفيس بوك ال بتظهر اسفل المواضيع

مش عارف انا كتبت تعليق فى الموضوع ده ازاى

باسم يقول...

@ Ahmed Nassar : هههههه , ولا يهمك يا برنس , المدونة كلها تحت أمرك يا معلم , أوكي حاضر ..

باسم يقول...

@ Ahmed Nassar : بص يا باشا حلها النهائي اهوه ابحث عن الكود ده
.fbFeedbackPost .postText
هتلاقي الكود ده #1A1A1A
غيره الى #ffffff

بإذن الله تشتغل معاك وآسف على الخطأ في الرد الأول ..

Ahmed Nassar يقول...

والله يا باسم انا ما عارف اقولك ايه
شكرا جزيلا يا معلم
وربنا يوفقك

باسم يقول...

@ Ahmed Nassar : الله يكرمك يا ريس , وبعدين شكر ايه يا راجل عيب , دا انت صاحبي ..

semo يقول...

شكر على المعلومة لكن عندى لم جلابتة نزلت تحت شرط النهاء هل هناك من طريقة للتصحيحhttp://semo-freedoomegypt.blogspot.com/

Fire Designer يقول...

شكر على المعلونه انا شاء الله نفيدكم

http://mozyta.com/vb يقول...

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

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

طبقتها علي مدونتي و الحمدلله نجحت

لكن عندي مشكله بسيطه و هي ان حقوق المصمم و معرب القالب فواقها . هل يمكن تغيرها لتصبح فوق الحقوق .

شكرا لك

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

شكرا علي الموضوع

لكن في مشكله و هي الاعمده بتكون اسفل الحقوق و تاثر علي شكل المدونه ؟

اطايب يقول...

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

عبد الوهاب أحمد الدار يقول...

اشكرك كثيرا وبارك الله فيك
من فضلك لم استطع أن أضيف الفوتر إلا بعد إزالة حقوق التعريف لأن الفوتر جاء بعدها بعد الإضافة
هذه مدونتي http://aldar2.blogspot.com/

eljoker يقول...

السلام عليكم ورحمة الله وبركاته

شكراً اخى على الهاك ولكن انا عندى مشكله

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

ايه الحل

مدونة جوجل مصر يقول...

شكرا جدا على هذة الاضافة الرائعة

برنس واللهى من يومك

اشكرك مرة اخرة

saed jaghoub يقول...

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

احمد النعانعه يقول...

مشكووووووور على الموضوع الرائع
http://online2012tv.blogspot.com/

admin يقول...

ممكن كيف نضع إحصائيات و للإشتراك بالقائمة البريدية و أكثر المواضيع مشاهدة
يعني نكتب العنوان فقط و كل قسم ؟؟؟

admin يقول...

الاعمده بتكون اسفل الحقوق و تاثر علي شكل المدونه ؟

محمد ايمن يقول...

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

| واحد من الناس| 6esh | يقول...

أتعب و أنا أقول مبدع , ولكن سأقول شكراً جزيلاً و أكتفيء ^_^

الاستعداد ليوم الميعاد يقول...

بارك الله فيك يا أخي الكريم الطريقة الطريقة دي هي الطريقة الوحيدة الفعالة 100%

sheref shokre يقول...

اشكرك جدا على الاضافه الجميله واشكر تعب محبتك فى توصيل المعلومه
مدونته اقوى البرامج للبرامج المجانيه الكامله
sherefshokre.blogspot.com
تشرفنى زياراتك وابداء رايك بها

yousef يقول...

شكرااا لك على الشرح الرائع

واصل إبداعاتك ونريد الجديد الواضيع

إرسال تعليق

Newer Posts Older Posts Home
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
سياسة الخصوصية | التعليقات المنشورة لا تعبر عن رأي كاتب مدونة " قوالب بلوجر معربة " ولا أتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر )