5 طرق لإخفاء الشريط الجانبى فى بلوجر

5 طرق لإخفاء الشريط الجانبى فى بلوجر - تحية طيبه لكم متابعينا الاعزاء، تحتوي معظم تصاميم قوالب بلوجر على شريط جانبي على اليسار او اليمين، وهناك بعض القوالب بدون شريط جانبي او يكون العرض كامل بنسبة 100%، حيث يمكن مشاهدة العرض كامل للمدونة وللمواضيع كذلك.

قد يريد بعضكم اخفاء الشريط الجانبي فى صفحة معينة فى المدونة، عادة يكون الشريط الجانبي مخفي بصفحة المواضيع لعرض الصفحة مقصودة او ما تريد زيادة تركيز الزائر عليه وهو جزء المواضيع.

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

محتويات

1. إخفاء الشريط الجانبي فى الصفحة الرئيسية
2. إخفاء الشريط الجانبي في صفحة المواضيع
3. إخفاء الشريط الجانبي في الصفحات الثابتة
4. إخفاء الشريط الجانبي في كل الصفحات
5. إخفاء الشريط الجانبي في صفحة معينة

بهذه الطريق الخمسة يمكن إخفاء الشريط الجانبى، وسيتم إخفاءه باستخدام كود CSS مدمجا بشفرة العلامات الشرطية، كذلك عليك ان تعرف انه من الجيد ان تتعلم مقدما عن وظائف العلامات الشرطية لكي تكون سهلة الفهم.

إخفاء الشريط الجانبي في الصفحة الرئيسية

انتقل الى بلوجر > اضغط على قالب > تحرير HTML > ضع الكود التالي فوق </head> > احفظ القالب

<b:if cond='data:view.isHomepage'>
<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>
</b:if>

إخفاء الشريط الجانبي في صفحة المواضيع

انتقل الى بلوجر > اضغط على قالب > تحرير HTML > ضع الكود التالي فوق </head> > احفظ القالب

<b:if cond='data:view.isPost'>
<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>
</b:if>

إخفاء الشريط الجانبي في الصفحات الثابتة

انتقل الى بلوجر > اضغط على قالب > تحرير HTML > ضع الكود التالي فوق </head> > احفظ القالب

<b:if cond='data:view.isPage'>
<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>
</b:if>

إخفاء الشريط الجانبي في كل الصفحات

انتقل الى بلوجر > اضغط على قالب > تحرير HTML > ضع الكود التالي فوق </head> > احفظ القالب

<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>

إخفاء الشريط الجانبي في صفحة معينة

انتقل الى بلوجر > اضغط على قالب > تحرير HTML > ضع الكود التالي فوق </head> > احفظ القالب

<b:if cond='data:blog.url == &quot;رابط معين&quot;'>
<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>
</b:if>

انتهي الشرح، شكرا لكم على المشاهدة.