أهلا و سهلا بكم من جديد، في هذا الموضوع سوف نتطرق الى معرفة كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج لزوار مدونتك .
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
]]></b:skin>
ثم قم بلصق الكود التالي فوقه :
#bottom {
clear: both;
float: left !important;
float: none;
width: 855px;
height: 100%;
margin: 0;
padding: 0;
background: #031545 url(http://fresh.lifewg.googlepages.com/separator_green.gif) repeat-x 0 0;
border-top: 20px solid #fff;
font-size: 0.9em;
text-align: left;
color: #fff;
}
#bottom-left,
#bottom-mid,
#bottom-right {
width: 30%;
padding: 20px 0 20px 20px;
float: left;
}
#bottom h2 {
margin: 0 0 10px 0;
padding: 0 8px;
font-size: 1.6em;
color: #fff;
}
#bottom h2 span {
color: #508fd2;
}
#bottom ul {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #031c5d;
}
#bottom ul li {
line-height: 26px;
border-bottom: 1px solid #031c5d;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color: #fff;
text-decoration: none;
}
#bottom ul li a:hover {
background: #010b32;
}
ثم قم بالبحث عن الكود التالي:
<div id='footer-wrapper'>
ثم قم بإضافة الكود التالي فوقه :
<div id='bottom'>
<!-- Bottom Left -->
<div id='bottom-left'>
<b:section class='bottom-content' id='bottomleft-content'>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- Bottom Mid -->
<div id='bottom-mid'>
<b:section class='bottom-content' id='bottommid-content'>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- Bottom Right -->
<div id='bottom-right'>
<b:section class='bottom-content' id='bottomright-content'>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div> <!-- end of #bottom -->
وأخيرا قم بحفظ القالب وتوجه الى صفحة تصميم و سوف تلاحظ إضافة 3 أعمدة في الأسفل
ننتظر تشجيعاتكم
0 التعليقات:
Enregistrer un commentaire