التحكم فى اظهار واخفاء شريط الـ Navbar الموجود فى مدونات البلوجر

المصدر : مدونة سيف المصرى

البعض لا يرتاح لوجود شريط النافبار فى مدونته ويعتبره مضايقا ويبحث عن حل لذلك

* سأقوم بتقديم شرح كامل لكيفية اخفاء شريط النافبار وظهوره فقط عند مرور مؤشر الفارة عليه

* كما سأبين كيف يتم حذفه نهائيا

هذا هو النافبار Navbar




وهكذا تبدو المدونة بعد اخفاء الشريط




شرح كيفية عمل ذلك بطريقة سهلة جدا

بالدخول إلى لوحة التحكم فى المدونة الخاصة بك
اذهب إلى Template أو القالب




اضغط كما بالصورة على Edit HTML




اضغط على proceed أو استمرار




قم بالبحث عن هذا الكود

كود:

<b:skin><![CDATA[/*

وذلك بضغط Ctrl + F من لوحة المفاتيح ثم البحث عنه
ستجد الكود الذى نبحث عنه تم تظليله تلقائيا كما فى الصورة




الآن أمامك خياران:

أن تجعل شريط النافبار يظهر فقط عند مرور مؤشر الفارة عليه وهذا هو الكود الخاص بذلك

كود:

#navbar {opacity:0;filter:alpha(opacity=0);position:relative;margin-bottom:-30px;z-index:10;}
#navbar:hover {opacity:0.7;filter:alpha(opacity=70);}

أو أن تحذفه نهائيا فلا يظهر مطلقا وهذا هو الكود الخاص بذلك

كود:

#navbar-iframe {
display: none !important;
}

أدخل الكود فى المكان المحدد كما بالصورة



 
قم بالضغط على حفظ ثم اذهب إلى مدونتك لترى النتيجة



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

ملحوظه: إذا لم تظهر صور الشرح كامله الرجاء الضغط على مفتاح F5
أو قم بعمل ريفرش للصفحه