تقديم مجموعة من الشروحات والمواضيع التي تهم بالحاسوب والانترنت من حيث الاستخدام والانشاء والتصميم والحماية، مع الاهتمام بمدونات بلوجر ومواقع التواصل الاجتماعي خصوصا فيسبوك وتويتر

النشرة البريدية @

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

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

إضافة 3 أعمدة في اسفل مدونة بلوجر
أهلا و سهلا بكم من جديد،
سنتعرف اليوم على كيفية اضافة 3 أعمدة أسفل المدونة والتي تحظى بها القليل من المدونات ،وتتمثل أهمية هذه الاضافة في تنظيم و تنسيق المدونة و اجتناب تراكم أدوات بلوجر مما قد تسبب ازعاج زوار مدونتك.
1- من لوحة التحكم Blogger إذهب إلى قالب => تحرير HTML.
( ننصح بأخذ نسخة احتياطية من القالب )
2ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود ]]></b:skin> وضع قبله الكود التالي:


#footer-column-container {clear:both;}.footer-column {padding: 10px;}
3- ابحث عن ما يشبه كلمة div id='footer-wrapper أو footer-wrap أو footer أو footer-end وضع بعده الكود التالي:
<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: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:left;'/>
</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>
4- إمكانية تعديل القيم التي باللون الأزرق بما يتناسب مع مقايس مدونتك.
5- اضغط حفظ ... هنيئا لك :)

ليست هناك تعليقات :

أضف تعليق