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

الأربعاء، 15 يونيو 2011

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

10:11 م Mobile Bein أضف تعليقك نشر في: اضافات بلوجر,تنسيق القالب,دروس بلوجر

طريقة اضافة فوتر يحتوي على اربع اعمده في مدونة بلوجر
كثير من المدونين يرغب في وضع فوتر ذو اعمده يضع فيهم
ادواته واضافاته اليكم الطريقه السهله والبسيطه
قم باتباع التعليمات التاليه وطبقها
.قم بتسجيل الدخول الي لوحة تحكم مدونتك--> ثم الي تصميم- -> ثم الي تحرير 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>

وضع قبله الكود الذي بالاسفل

#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

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

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

التعليقات :

إرسال تعليق

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