مرحبا بكل زائر ومتابع لمدونة محترف البلوجر
كود هذه المرة يبحث عنه الكثير وخاصة عند اضافة موضوع ما. حيث نجد صعوبة في تنسيق الموضوع على مدوناتنا فتكون الصور اكبر حجما من عرض المدونة..وكذلك هناك من يحبذ ان تظهر المواضيع بشكل كامل في مدونته.وبمعنى اخر يفيد هذا الكود في جعل الصفحات خفيفة التحميل دون الحاجة للاضافات الاخرى.فالكود يقوم باخفاء السيدبار(sidebar) وفوتر(footer) او اي جزء تريد اخفاءه فمن اجل ذلك اقدم لكم هذا الكود وهو لجعل صفحة المواضيع والصفحات الثابتة بعرض المدونة
نبـــــــدا الشرح
قبل كل شيئ
خذ نسخة إحتياطية لقالب مدونتك قبل التجربة
نبدأ بالكود الأول لجعل صفحة المواضيع بعرض المدونة (Blogger Page threads)
- توجه الى قالب
- ثم تحرير html
- ابحث بإستعمال
CTRL +F عن :<head/> - ضع الكود التالي قبله [ فوقه]
<b:if cond='data:blog.pageType == "item"'>
<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
مثلا اذا اردنا اخفاء العمود الجانبي السايدبار...sidebar..... فقط قم بحذف footer من الكود
وهناك عناصر اخرى يضيفها المدون يتم حذفها اوتركها على حسب تموضعها في قوالب مدوناتكم حيث تختلف من مدونة الى اخرى
مثال .sidebar,.comments,.footer,.post-footer
width: 99% هوعرض صفحة الموضوع بالنسبة لعرض المدونة
تزيد او تنقص فيه كما تشاء
ملاحظة جد هامة:
يجب مراعاة الفاصلة والنقطة بين العناصر
sidebar ,.footer.
sidebar,.footer.
مثال
لقد قمت باضافته في مدونتي كما هو واضح
نمر الى الكود الثاني و هو لجعل الصفحات الثابتة بعرض المدونة (Blogger Static Pages)
بنفس طريقة اضافة الكود الاول تماماااااا.......... قم باضافة هذا الكود فوق <head/>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
ومن اراد ان يجعل صفحة المواضيع و الصفحات بعرض المدونة في نفس الوقت فاليضف الكودين معا
أي استفسار ضعه داخل تعليق
في أمان الله
تجربة
ردحذف