بهذه الطرق يمكن إخفاء الشريط الجانبى، وسيتم إخفاءه باستخدام كود CSS مدمجا بشفرة العلامات الشرطية، كذلك عليك ان تعرف انه من الجيد ان تتعلم مقدما عن وظ
افضل كود لاخفاء الشريط الجانبى
فى بلوجر - تحية طيبه لكم متابعينا الاعزاء، تحتوي معظم تصاميم قوالب بلوجر على شريط جانبي على اليسار او اليمين، وهناك بعض القوالب بدون شريط جانبي او يكون العرض كامل بنسبة 100%، حيث يمكن مشاهدة العرض كامل للمدونة وللمواضيع كذلك.
قد يريد بعضكم اخفاء الشريط الجانبي فى صفحة معينة فى المدونة، عادة يكون الشريط الجانبي مخفي بصفحة المواضيع لعرض الصفحة مقصودة او ما تريد زيادة تركيز الزائر عليه وهو جزء المواضيع.
سابقا قمت بتقديم مقال حول كيفية جعل الصفحات الثابتة بعرض المدونة، ولكن فى هذا المقال يمكنك تحديد الصفحة المراد اخفاء الشريط الجانبي بها، او حتى جعل الشريط الجانبي بعرض المدونة فى كل صفحات المدونة، هناك طرق لإخفاء الشريط الجانبي لمدونات بلوجر، ويمكن رؤيتها من جدول المحتويات أدناه.
بهذه الطرق يمكن إخفاء الشريط الجانبى، وسيتم إخفاءه باستخدام كود 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 == "رابط معين"'>
<style type='text/css'>
#sidebar,#sidebar-wrapper,.sidebar,.sidebar-wrapper{display:none}
</style>
</b:if>wesam developer
إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا
COMMENTS