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

إذا كنت مهتما بتنسيق شكل مدونتك و جعل صفحاتها بالعرض الكامل فـ أهلا بك في هذه التدوينة اليوم سوف نتعرف و إياكم على طريقة لـ جعل صفحه المشاركات و صفحات المدونة بالعرض الكامل لها .

طريقة جعل صفحات المدونة بالعرض الكامل :

أولا إذهب إلى المدونة تم المظهر تم تحرير HTML ، الأن إضغط على زر Ctrl + F للبحث في شيفرة قالب مدونتك .
إبحث عن </head> و فوقه أضف التالي :
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #sidebar-wrapper {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>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><style> #sidebar-wrapper {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-wrapper# بالوسم الموجود في قالبك بالنسبة لـ سلايد بار و main-wrapper# بالنسبة لـ صفحة التدوين .
أرجح أنك لم تفهم الكثير من هذا الكلام لدى تفضل إلى صندوق التعليقات و سنساعدك إن شاء الله .
إذا أردت جعل صفحة التدوين بعرض المدونة دون الصفحات الثابتة فضع فقط الجزء الأول من الكود فوق </head> على هذا النحو :
<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> #sidebar-wrapper {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>
أما إذا أردت جعل صفحة الثابتة بعرض المدونة دون صفحات المشاركات ضع فقط الجزء التاني من الكود فوق </head> على هذا النحو :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <style> #sidebar-wrapper {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>

تعليقات