Hello! Welcome to Tech Ankur
If you are looking for How to add Night Shield & Full Screen Mode to blogger website then this post is just for you.
When Night Shield is in use, your phone automatically adjusts the display. This gives a warmer, less blue light effect, thus preventing eye strain.
What is Full screen mode?
When you go into full screen mode, Google Chrome takes up the entire screen, hiding the menu bar, tabs, and other browser options, providing you with a cleaner web experience. This mode is ideal if you want to focus on one thing, whether it's reading, watching videos, or presenting information.
What is Night Shield Mode?
This is a night mode for the entire internet. It darkens the websites you visit so you can browse without straining your eyes.
You can see the demo here⤵
Easy Steps To Add Night Shield & Full Screen Mode
Before we start adding code to the XML, I would recommend taking a backup of your current theme. By chance if a problem does arise you can restore it later.
Step 1: First of all Login to your Blogger Dashboard.
Step 2: On Blogger Dashboard, click Theme.
Step 3: Click the arrow down icon next to 'customize' button.
Step 4: Click Edit HTML, you will be redirected to editing page.
If you have already added View Count it, you will have to remove this URL.
Step 5: To add this you first view count will have to be removed.
Step 6: Now search the code realViews and removed the Firebase URL.
|
| Removed this Highlighted Url |
Step 7: Now search the code <!--[ Page Views ]--> and removed this </div>tag.
|
| Remove </div> Tag |
Step 8:Paste The following code Between Span tag & Script Tag.
|
| Paste Code Between </Span> & <Sctipt>Tag. |
<!--[ Tech Ankur ]-->
<label onclick='rahMdread()'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='rahsvg-C' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg>
Night Shield</label>
<span class='GV' onclick='openFullscreen(); vibRate(50)'>
<svg class='icon' height='1024px' viewBox='0 0 1024 1024' width='1024px' xmlns='http://www.w3.org/2000/svg'><path d='M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z' fill='currentColor'/></svg>
Full Screen</span>
</div>
Step 9: Now Search The following code </body> and paste Above it.
<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahreadmore.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
var elem = document.documentElement;
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();}
document.getElementById("rahFullScreen53").style.display = "none";
document.getElementById("rahDefeaultScreen53").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("rahFullScreen53").style.display = "block";
document.getElementById("rahDefeaultScreen53").style.display = "none";}
//]]></script>
Step 10: Then Save
That's done!
Copyright:
Tech Ankur