عرض وإخفاء أو حذف الشريط العلوي navbar trick

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

وهنا سوف أعرض لكم طريقتين لاخفاء الشريط العلوي بمدونات بلوجر:-
حذف الشريط العلوي:
على كل حال إذا كان هذا الشريط لا يتناسب تماما مع القالب لديك أو لا ترغب به، فهنا طريقة لإخفاء الشريط العلوي navbar تماما بخطوات سهلة وكود بسيط:
1- من لوحة التحكم الرئيسية إلى التخطيط ثم إلى تحرير html ولا تنسى حفظ نسخة من القالب بداية....
2- اضغط Ctrl+F للبحث عن Updated by: Blogger Team ستجد خط فاصل تحتها
3- انسخ هذا الكود أسفل الخط مباشرة

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

سوف تكون النتيجة مشابهة لهذه الصورة

4- يفضل دائما عمل معاينة القالب وسوف تجد الشريط العلوي اختفى، ومن ثم حفظ القالب. وانتهى

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

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

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

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

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/*Blogger-Help-http://bloggerstop.net*/

معاينة وحفظ القالب وانتهى
اتمنى أن أكون وفقت في توصيل معلومة سهلة ومفيدة
وللعلم تم التجربة على الأوبرا والفايرفوكس وبالنسبة للإكسبلورر فالشريط مختفي تماما ولكن ما زالت الروابط به تعمل!!
وأي سؤال أي استفسار فأنا رهن الإشارة بما أعلم ^_*
مصدر الأكواد: كما هو موضح في آخر سطر في الكود الأخير ويمكن حذفه ولكن لا يحق لك حذفه حفاظا على الحقوق..
Blogger Help - How to Remove Navbar
Toggle [ Hide/Show ] NavBar In Blogger/BlogSpot Blogs