Hello! Welcome to Tecky AaryaN.
You are looking for How to add Night Shield & Full Screen Mode then this post is just for you.
Before we start adding codes in XML, I will recommend you to take a Backup of your current theme. By chance if any problem occurs, you can restore it later.
Step 1: Go to Blogger Dashboard.Step 2: On Blogger Dashboard, click Theme.
Step 3: Click the arrow down icon next to 'Customize' button.
Step 4: Now click on Edit HTML
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. |
<!--[ Tecky AaryaN ]-->
<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. |
Paste Above</body>tag. |
<script src='https://cdn.jsdelivr.net/gh/teckyaaryan/Niht-Shield@main/nightshield.min.js.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>
To appreciate our works, consider keeping the credits in codes. We don't allow to rewrite this post in any manner. Don't copy this post, codes or any part from this article without Permission, it is strictly prohibited. If you do so, Legal Actions will be taken.
Copyright