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

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

ان اعجبك الدرس تابع مابالاسفل لتطبيقه علي مدونتك--->>>>

* سجل دخول الي لوحة تحكم مدونتك.

* اذهب الي
تصميم ثم الي تحرير html.

* اضغط على خانه توسيع قوالب واجهة المستخدم.

* ابحث عن هذا الكود
<b:section class='footer' id='footer'/>


* وقم باستبداله بالكود الموجود بالاسفل.
<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

* ثم ابحث مجددا عن هذا الكود
]]></b:skin> بواسطة CTRL+F .
* ضع الكود الموجود بالاسفل قبل هذا الكود  ]]></b:skin>

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}


* قم بالحفظ ثم اذهب الي عناصر تصميم الصفحه ستجد بالاسفل اربع اعمده في فوتر مدونتك تستطيع وضع ماشئت من اضافات فيهم


اى استفسار يرجا كتابة تعليق بالاسفل.
أصدقاء(تطوير ويب)
تعليقات Facebook
5تعليقات Blogger

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

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

تمت الاضافه بكل سهوله
اضافة فعلا جميله ومفيده
رمضان كريم

أحمد ( مدونة تقارب ) يقول...

@محمد ابراهيم
بالتوفيق اخي الكريم
شكرا لزيارتك

علي سرور يقول...

اضافه جامده
بس ارجوك ممكن تشرح ازاي اضيف 3 عواميد مش اربعه
لان مدونتي تصميمها مش هيمشي معاه اربع عواميد
مشكور مقدما ياغالي

التحرير يقول...

شكرا ورمضان كريم
ولكن اريد اضافة فوتر يتوي على 2 اعمدة اسفل المواضيع

أحمد ( مدونة تقارب ) يقول...

@التحرير
اخي متاح عندي فقط فوتر باربع اعمده وفوتر بثلاثة اعمده
بالتسبة للفوتر ثنائي الاعمده سوف ابحث لك عنه ..قم بزيارة مدونتي غدا عصرا ان وجدت درسا في صفحة المدونه الرئيسيه يتناول ماطلبته انت اذن قد وجدته وان لم ترى درسا بهذا الموضوع فاعلم انه لا يوجد علي الانرنت اطلاقا فوتر بعامودين اثنين فقط ولكن عندها لا تياس فسوف اقوم بالتعديل علي الفوتر ثلاثي الاعمده واجعله لك اثنين فقط من خلال التغيير في خصائص ال css
تابعني باستمرار تجد جديد الاضافات

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .