Today bloggers want to hide default Blogger NavBar for some reasons but few bloggers are use to. When they visit your blog, they miss it very much. There is an awesome hover effect that you can use with Blogger NavBar. When you’ll use this hover effect with Blogger NavBar it will not be visible but as you’ll move mouse cursor in that region where it exists by default it will become visible.
ब्लॉगिंग में बदलते ट्रेंड के चलते अब लोग ब्लॉगर की डिफ़ाल्ट नैवबार को दिखाना नहीं चाहते हैं। लेकिन सच ये भी है कि हममें से बहुत से ब्लॉगर इसे प्रयोग करना पसंद भी करते हैं। इसलिए जब कोई अन्य ब्लॉगर आपके ब्लॉग को पढ़ने आता है तो वह ब्लॉगर नैवबार को आपके ब्लॉग पर न पाकर वो थोड़ा अटपटा महसूस करते हैं। इसलिए आप अपने ब्लॉग पर नैवबार पर होवर इफ़ेक्ट “Hover Effect” लगा सकते हैं। इससे नैवबार तब तक आपके ब्लॉग पर नहीं दिखेगी जब कि कोई पाठक माउस कर्सर को उस स्थान पर नहीं ले जाता है जहाँ वह सामान्य हर ब्लॉग पर दिखती है। आप ब्लॉगर नैवबार (NavBar i.e. Navigation Bar) पर होवर इफ़ेक्ट को आसानी से प्रयोग कर सकते हैं। यह जादुई प्रभाव आप आगे दिये जा चरणों “Steps” को पूरा करके अपने ब्लॉग पर दिखा सकते हैं। यह प्रभाव मोज़िला फ़ॉयर-फॉक्स 3.0 या इस श्रेणी के सभी ब्राउज़र्स पर प्रभावशाली ढंग से कार्य करता है।
ब्लॉगर नैवबार क्या है?
What is Blogger NavBar?
आइए इसे प्रभावी करने के चरण जानें:
चरण 1:
Blogger Dashboard > Template > Edit HTML (पर जाइए)
चरण 2: निम्न कोड की खोज करें
]]></b:skin>
चरण 3: अब खोजे गये कोड के ठीक ऊपर नीचे दिए जा रहे कोड को पेस्ट (Paste) कर दें।
/*Blogger NavBar Hover Effect by Tech Prevue*/ #navbar-iframe {filter:alpha(Opacity=0); opacity:0.0;} #navbar-iframe:hover {filter:alpha(Opacity=100,FinishedOpacity=100); opacity:1.0;}
चरण 4: अब अपने टेम्पलेट में बदलाव को सहेज दें और अपने ब्लॉग पर इस प्रभाव को जाँचें।
इस प्रकार आपने अपना काम ख़त्म कर लिया है और यह प्रभाव आपके ब्लॉग पर कार्य कर रहा होगा। आशा यह आपको एवं आपके सभी मित्रों को पसंद आयेगा।
Keywords: Blogger NavBar, Hover effect on Blogger NavBar, Auto hide effect in Blogger NavBar