-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الاثنين، 6 مارس 2017

تغير صفحة المواضيع والصفحات الثابتة بعرض مدونة بلوجر Page topics and pages fixed width blog blogger change


لتغير صفحة المواضيع والصفحات الثابتة بعرض مدونة بلوجر Page topics and pages fixed width blog blogger change ، وقبل أن نضيف أي كود  بمدونة بلوجر ، يجب أن نأخذ  نسخة إحتياطية من قالب المدونة ،  ولكي يتم إجراء التغير بمدونة بلوجر  نتبع الخطوات التالية :
1- ندخل الى لوحة تحكم المدونة .  

 2 - نضغط على كلمة  قالب  من القائمة الجانبية ، وبعد الضغط على كلمة قالب سوف تظهر لنا شاشة  نضغط منها على كلمة تحرير   HTML    ، لكي يظهر لنا شاشة أخرى وهي عبارة عن مستطيل خاص بتحرير القالب ( يمكنك معرفة تحرير القالب بالتفصيل من هنا ) مثل الصورة التالية :



3- نبحث عن الوسم  <head/>    ونضع الكود التالي فوقه (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

جعل صفحة المواضيع بعرض المدونة

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.sidebar,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>

* في الكود يوجد : .sidebar,.footer أمامهم يوجد : {display:none;} 
ذلك الكود display:none وظيفته إخفاء العناصر مثل السيدبار إذا أردت إظهار الفوتر . قم بحذف العنصر footer.

جعل الصفحات الثابتة بعرض المدونة



تطبق نفس الخطوات بالمرحلة السابقة
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>

4- بعد إجراء التغيرات المطلوبة يتم حفظ القالب ، وبذلك يكون قد تم التركيب .

جزى الله خيرا كل من ساهم فيه

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

إرسال تعليق