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

الخميس، يونيو 16، 2011
7:11 ص
اضافات بلوجر, تنسيق القالب, دروس بلوجر

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

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

أصدقاء(تطوير ويب)
تعليقات Facebook
0تعليقات Blogger

شارك أصدقاءك

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

إرسال تعليق

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