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

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

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

أحدث أقدم

اعلان وسط الصفحة 3