दोस्तों आज की इस पोस्ट में मैं आपको बताने वाला हूँ की अपने Blogger Me Full Screen Button कैसे लगायें ? ये एक ऐसा button हे जिसे अगर आप अपने blogger में add कर देते हैं तो उसके बाद अगर कोई भी visitor आपकी website पर आता हे और इस button पे क्लिक करता हे तो आपकी blogger website full screen mode में हो जाएगी |जेसे की हम किसी विडियो को देखते समय उसे full screen में कर सकते हैं |
Blogger Me Full Screen Button लगाने के लिए आपको एक html script की ज़रुरत पड़ेगी इस script में आपको 3 अलग अलग code मिलेंगे जिन्हें की आपको अपने blogger टेम्पलेट में add करना होगा | इस script का credit जाता हैं @AnuTrickz Youtube Channel वाले भाई को ,उन्ही के चैनल से मुझे ये script मिली हे और उन्ही की परमिशन से में आप लोगो को provide कर रहा हूँ |
ये भी पढ़िए :-
How To Install Text Resizer Features On Your Website In Hindi
Code Box With Copy To Clipboard Button In Blogger In Hindi
Blogger Me Full Screen Button कैसे लगायें ?
तो इसके लिए सबसे पहले आपको अपने blogger के deshbord में चले जाना हे और theme वाले section पे क्लिक करना हे इसके बाद edit html पे क्लिक करके अपनी theme की coding को ओपन कर लेना हे अब नीचे दिए गए codes को एक एक करके अपनी theme में add करना हे |
1.Pest This Code Before </header>
<button aria-label="Open Fullscreen" id="openfull" onclick="openFullscreen();"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" /></svg></button> <button aria-label="Exit Fullscreen" id="exitfull" onclick="closeFullscreen();"><svg width="24" height="24" viewBox="0 0 24 24"><path fill="#fff" d="M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z" /></svg></button>
2. Pest This Code Before </head>
<style> #openfull, #exitfull { background: 0 0; border: none; cursor: pointer; padding: 0; margin: 0; text-align: center; top: 12px; position: absolute; right: 50px; } #openfull:active, #exitfull:active, #openfull:focus, #exitfull:focus { outline: 0; } #openfull svg, #exitfull svg { vertical-align: middle; } #exitfull { display: none; } </style>
3. Pest This Code Before </body>
<script> //<![CDATA[ var elem = document.documentElement; function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } document.getElementById("openfull").style.display = "none"; document.getElementById("exitfull").style.display = "block"; } function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { document.msExitFullscreen(); } document.getElementById("openfull").style.display = "block"; document.getElementById("exitfull").style.display = "none"; } //]]> </script>
बस दोस्तों इसके बाद आपको अपनी theme को save कर देना हे इसके बाद अब आप अपनी website को ओपन करके देखेंगे तो आपको right hand side में ऊपर की और एक button देखने को मिलेगा जिस पे अगर कोई क्लिक करेगा तो आपके ब्लॉगर में फुल स्क्रीन मोड active हो जायेगा और दोबारा क्लिक करने पर वापस normal mode active हो जायेगा |
तो दोस्तों अगर आपको ये article Blogger Me Full Screen Button कैसे लगाये पसंद आया हो तो नीचे कमेंट करके ज़रूर बताइयेगा और अगर आपका कोई सवाल हो तो वो भी आप निचे कमेन्ट box में पूँछ सकते हैं |