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

[walid]

http://upload.dzbatna.net/upfiles/MPQ26505.gif
بلوجر ليس منصة تدوين ثابتة لا يمكن التغيير عليها، بل يمن اجراء عليها تعديلات مختلفة بمساعدة لغتي XML و CSS.



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


هناك من يفضل ازالته من اجل الحصول على مساحة اكبر للصفحة لعرض شيء معين.



هناك من يريد تركيب install اكواد معينة كالفتوشوب وهو مايتطلب مساحة كبيرة.

نبدأ الشرح طريقة:
بإستعمال هذه الطريقة سيتم منع ظهور السيدبار او الشريط الجانبي في كل صفحات المدونة blog
في الصفحة الرئيسية للبلوجر اختر Template ثم Edit HTML كما في الصورة:
http://www.dzbatna.com/attachments/696242d1370533440-blogger-1.jpg

ثم ابحث عن الكود code التالي:
رمز PHP:

<code style="white-space:nowrap"> <code> &#93;&#93;></b:skin>
</code> </code>

كما في الصورة
http://www.dzbatna.com/attachments/696240d1370533440-hide1.jpg

ما سنفعله الان هو اضافة كود code بسيط بين الكود codeين التاليين:
رمز PHP:

<code style="white-space:nowrap"> <code> &#93;&#93;></b:skin>
</code> </code>

و
رمز PHP:

<code style="white-space:nowrap"> <code> <b:template-skin>
</code> </code>

الكود code الذي سنضيفه هو
رمز PHP:

<code style="white-space:nowrap"> <code> <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar {display:none;}
#main-wrapper{width: 95%; float: none; margin: 0 auto;}
.main-inner .column-center-inner {width: 900px;margin-left: 0px;}
</style>
</b:if>
<b:if cond='data:blog.isMobile'>
<style>
.main-inner .column-center-inner {width: 100%;}
</style>
</b:if>
</code> </code>

ستكون النتيجة كما في الشكل التالي:
http://www.dzbatna.com/attachments/696241d1370533440-hide2.jpg
بالأخير اضغط على Save template وانتهى التركيب install.
الان بأمكانك ان تذهب الى اى صفحة متواجدة بمدونتك ستجد بأن الشريط الجانبى اختفى مع عدم وجود اى فوارغ بالصفحة لان هذه الأضافة تعمل على تمتد الصفحة لتظهر بعرض الشاشة .
انتهي بحمد الله


الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/696240d1370533459t-hide1.jpg (http://www.traidnt.net/vb/attachments/696240d1370533459-hide1.jpg) http://www.traidnt.net/vb/attachments/696241d1370533459t-hide2.jpg (http://www.traidnt.net/vb/attachments/696241d1370533459-hide2.jpg) http://www.traidnt.net/vb/attachments/696242d1370533459t-blogger-1.jpg (http://www.traidnt.net/vb/attachments/696242d1370533459-blogger-1.jpg)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©