Web Hosting

الاثنين، 4 أبريل 2011

طريقة اضافة 3 أعمدة اسفل مدونات بلوجر

السلام عليكم زوار مدونة شامل كول اليوم أطرح طريقة اضافة ثلات أعمدة أسفل مدونات بلوجروهذه طريقة رائعة واحترافية لجعل المدونة أكثر تناسقا وتمكنك من توفير المساحة لوضع الأدوات الكثيرة في..... الاسفل من دون تطويل هكذا ستضهر الأعمدة في الأسفل


نأتي الى طريقة التركيب 

لاتنسى اخد نسخة احتياطية للقالب في حال قد يحدة خطأ
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt + f

]]></b:skin>
ثم ألصق الكود التالي فوقه:
#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}
ثم ابحث عن هذا الكود:
<div id='footer-wrapper'>
 .

ثم أضف هذا  الكود بعده :

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>



#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

ثم احفض القالب ومبروك عليك                                                              




Social Sharing Widget bychamelcool


4 التعليقات:

لم أجد الكود الثاني في القالب ...ما هو الكود البديل

@Mohamed Osman
ابحث عن كود شبيه به وقد يكون مثلا هكدا
footer-wrapper
أو
footer
أو
footer-wrap

هذه الاكواد تختلف من قالب الى اخر

وجد هذا الكود
footer ولكن لم يظهر شئ

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog