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

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

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

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

* اذهب الي تصميم ثم الي تحرير 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;}

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

اى استفسار يرجا كتابة تعليق بالاسفل.

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة اضافة فوتر يحتوي علي اربع اعمده في مدونة بلوجر | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات css