اضافة 3 أعمدة فى الفوتر بطريقة احترافية ~ مدونة قاهر الجبابرة
جاري تحميل ... مدونة قاهر الجبابرة

إعلان الرئيسية

احدث المقالات

المشاركات الشائعة

التعليقات

تطوير بلوجر

احدث المقالات

إعلان في أعلي التدوينة

تطوير بلوجركل

اضافة 3 أعمدة فى الفوتر بطريقة احترافية

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

والصلاة والسلام على المبعوث رحمة للعالمين سيدنا محمد وعلى آله و صحبه الطيبين الطاهرين ثم أما بعد :





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

و ابحث عن الكود التالى : 

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

إذا كان لديك بالفعل في تذييل محتويات، يجب أن يكون رمز لفترة أطول.
نسخ ولصق رمز أدناه فورا تحت </ div> تذييل الصفحة. وهذا الرمز إنشاء 3 حاويات الأداة الجديدة (واحد لكل عمود) ضمن حاوية تذييل القائمة.


<!-- three column footer HTML Start by BloggerSentral.com -->
<div id='new-footer-wrapper'>
<div id='column1-wrapper'> yes'/></div>
<div id='column2-wrapper'> <b:section class='new
<b:section class='new-footer' id='new-footer1' preferred='-footer' id='new-footer2' preferred='yes'/></div>
<div id='column3-wrapper'> le='clear: both;'/></div><!-- three column footer HTML End -->
<b:section class='new-footer' id='new-footer3' preferred='yes'/></div> <!-- three column footer HTML End -->


انسخ الكود التالى والصقه في قسم CSS، قبل

 ]]></b:skin>.

/* three column footer CSS Start by BloggerSentral.com */2#new-footer-wrapper {background: #E1E2B8; margin: 0auto;width:98%; padding: 0 10px  10px 0;}3#column1-wrapper, #column2-wrapper, #column3-wrapper {float: left; display:inline-block; width: 33%;padding:0px 0px 0px 0px; text-align: left; word-wrap: break-word;overflow: hidden;} 4.new-footer h2 { margin: 0px 0px 0px 0px; padding: 4px10px 4px 10px; text-align: left; color: #222222;background: #C1C298; font-weight: bold;font-size: 0.9em;}5.new-footer .widget { margin: 10px 0 0 10px; border: 1pxsolid #F1F5CA; background: #F7FCDF;}6.new-footer .widget-content { padding: 0px 5px 5px 5px; }7.new-footer ul { list-style-type:square; margin-left:15px; }8/* three column footer CSS End by BloggerSentral.com */


حفظ القالب وانتقل إلى تصميم عناصر الصفحة>. إذا كان لديك إضافة 3 حاويات فارغة تذييل في الجزء السفلي من التخطيط.




يمكنك الآن سحب وإسقاط الأدوات من القائمة أو تذييل الجانبية في

حاويات تذييل جديد. ينبغي أن النتيجة النهائية تبدو شيء مثل هذا.

إذا لم يتم توزيعها بالتساوي الأعمدة، حاول ضبط العرض في السطر 3 والهامش الأيمن في السطر 5 من التعليمات البرمجية CSS (في الخطوة 6). راض مرة واحدة وكانت النتيجة، إذا كنت تريد أن تتمكن من العودة إلى رمز تذييل القديمة في الخطوة 4 و حذفه (من <DIV> حتى <DIV/>). النتيجة، إذا كنت تريد أن تتمكن من العودة إلى رمز تذييل القديمة في الخطوة 4 و حذفه (من <DIV> حتى <DIV/>). تمتع بالإضافة الجديدة!
الوسوم:

ليست هناك تعليقات:

إرسال تعليق

إعلان في أسفل التدوينة

إتصل بنا

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *