Create Advance Download Timer Button In Your Blogger Website Script
Hey, guys welcome to the blogs of S . B Tech, So these days we tend to ar back with a surprising script in blogger which is Advance Download Timer Button In Your Blogger Website Script.
So here during this Blogger Website, we are going to find out how to set up an internet site that is Create Advance Download Timer Button In Your Blogger Website Script. when finishing web site setup it's necessary to try to to the SEO setting, as SEO can assist your website to rank.
So below are the steps for setup a website in blogger, follow them and begin Earning from your tool website.
Create Advance Download Timer Button In Your Blogger Website Script
Do the subsequent Steps for creating web site In Blogger For Advance Disclaimer Generator Tool Script :
Step 1: Login To Blogger Account Through Gmail.
Step 2: produce web blog Name.
Step 3: opt for Your Preferred Domain name. And Save it.
Step 4: 1st of all visit your Blogger Dashboard.
Step 5: visit Themes, then scroll down and choose straightforward Theme guide ( Edit/ Arrow ),
Step 6: Then click on the down arrow choose|and choose} Mobile Setting then click on Desktop and click on Save.
Step 7: Please Take Backup Your Theme's For Future Security.
Step 8: Select Edit Html.
Step 9 : Now Click Anywhere And Press " Ctrl + F " And Find This Code -
" ]]></b:skin> "
Step 10 : Then Copy This Code And Pest It After " ]]></b:skin> " tag "
Copy This Code : -
<style>
body {
font-family: system-ui;
background: #ddd;
color: white;
text-align: center;
}
#downloadinfo {max-width:100%;margin:auto;box-shadow: 0 0 3px rgba(0,0,0,.12), 0 0 2px rgba(0,0,0,.24);border-radius: 3px;color:#fff;display: block;overflow:hidden;padding: 20px;text-align: center;box-sizing: border-box;background-color: #383c41}
#dgnfile{text-align: left;background-color: #ebebeb;font-size:18px;overflow: hidden;border-radius:3px;padding: 0}
#downloadinfo .downx{height:49px}
#downloadinfo p{font-size:20px; line-height:35px;font-weight:700;margin:0px;height:49px}
.file-name, .file-size, .uploader {color: #333333; background-size: 20px;background-repeat: no-repeat;display: inline-block;padding: 6px 0 6px 40px;background-position: 10px}
.file-name{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z' fill='%2395b2f6'/%3E%3C/svg%3E")}
.file-size{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z' fill='%2395b2f6'/%3E%3C/svg%3E")}
.uploader {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z' fill='%2395b2f6'/%3E%3C/svg%3E");)
}
button:before {content: '';background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;display: inline-block;width: 24px;height: 24px;padding: 0;vertical-align: -7px;margin-right: 5px}
button {font-size: 18px;font-weight: 700;padding: 6px 10px;border: 1px solid #3b7d5f;background-color: #3b7d5f;color: #fff;border-radius: 3px}
</style>Step 11: Click Save Theme.
Step 12 : Now Click Anywhere And Press " Ctrl + F " And Find This Code -
" </body> "
Step 13: Then Copy This Code And Pest It Before " </body> " Tag.
Manually Copy This Code: -
<script>
//<![CDATA[
var _0x19d2 = [
"\x64\x6F\x77\x6E\x6C\x6F\x61\x64",
"\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64",
"\x70",
"\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74",
"\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C",
"",
"\x72\x65\x70\x6C\x61\x63\x65\x43\x68\x69\x6C\x64",
"\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65",
"\x64\x69\x73\x70\x6C\x61\x79",
"\x73\x74\x79\x6C\x65",
"\x6E\x6F\x6E\x65",
"\x57\x61\x69\x74\x20",
"\x20\x73\x65\x63\x6F\x6E\x64\x73",
"\x64\x67\x6E\x62\x74\x6E",
"\x6F\x6E\x63\x6C\x69\x63\x6B",
"\x6F\x6E\x6C\x6F\x61\x64",
"\x64\x6F\x77\x6E\x6C\x6F\x61\x64\x78",
"\x68\x72\x65\x66",
"\x6C\x6F\x63\x61\x74\x69\x6F\x6E",
"\x68\x74\x74\x70\x73\x3A\x2F\x2F\x64\x67\x6E\x74\x65\x6D\x70\x6C\x61\x74\x65\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F",
"\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65",
"\x72\x65\x6C",
"\x64\x6F\x66\x6F\x6C\x6C\x6F\x77",
"\x64\x67\x6E\x74\x65\x6D\x70\x6C\x61\x74\x65"
];
var downloadButton = document[_0x19d2[1]](_0x19d2[0]);
var counter = 21;
var newElement = document[_0x19d2[3]](_0x19d2[2]);
newElement[_0x19d2[4]] = _0x19d2[5];
var id;
downloadButton[_0x19d2[7]][_0x19d2[6]](newElement, downloadButton);
function startDownload() {
this[_0x19d2[9]][_0x19d2[8]] = _0x19d2[10];
id = setInterval(function () {
counter--;
if (counter < 0) {
newElement[_0x19d2[7]][_0x19d2[6]](downloadButton, newElement);
clearInterval(id);
} else {
newElement[_0x19d2[4]] = _0x19d2[11] + counter.toString() + _0x19d2[12];
}
}, 1000);
}
var clickbtn = document[_0x19d2[1]](_0x19d2[13]);
clickbtn[_0x19d2[14]] = startDownload;
window[_0x19d2[15]] = function () {
var _0x3c83x7 = document[_0x19d2[1]](_0x19d2[16]);
null == _0x3c83x7 && (window[_0x19d2[18]][_0x19d2[17]] = _0x19d2[19]),
_0x3c83x7[_0x19d2[20]](_0x19d2[17], _0x19d2[19]),
_0x3c83x7[_0x19d2[20]](_0x19d2[21], _0x19d2[22]),
(_0x3c83x7[_0x19d2[4]] = _0x19d2[23]);
};
//]]>
</script>Step 14: Click Save Theme.
Step 15: Go To Dashboard. And Create Post Or New Post. Where You Want To Place Your Advance Download Timer Button.
Step 16: Open Html View.
Step 17: Place This Code.
Manually Copy This Code: - ( Post Button )
<div id='downloadinfo'>
<div class='downx'><button id="dgnbtn">Get Download Link</button><a href="DOWNLOAD LINK" id="download" class="button"><button>Download</button></a></div>
<div id="dgnfile"><span class="file-size">File Name: Timer Download Button</span>
<span class="uploader">Uploaded By: ApkPuree.xyz</span><span class="file-size">File Size: 256kb</span> </div><a href='https://dgntemplates.blogspot.com/' id='downloadx' target='_blank'></a>
</div>Before Publish Your Post, Please Do This Carefully. Make Some Changes In Your Button. Just Do This: -
i ) Delete " DOWNLOAD LINK ". And Pest Your GDrive Download Link.
ii ) Change Your File Name. Place Your File Name In " Timer Download Button ".
iii ) Change Uploaded By: YOUR SITE NAME. ( In This Place Of " Apkpuree.XYZ"
I Give You Some Tips, How To You Get GDrive Direct Download Link -
i ) Open Google Drive.
ii ) Click New And Create Folder.
iii ) Open This Folder, Then Right Click And Select Upload.
iv ) Now Upload Your File From PC, Mobile.
v ) After Completing Upload, Right Click And Select Share.
vi ) Select " Any One With The Link "
vii ) Then Copy Link And Go To This Website - https://gdrivedirectlinkgenerator.apkpuree.xyz/
Pest Your Link In the "Share Link" Section. And Click Direct Link Box.
viii ) Copy Link And Place " DOWNLOAD LINK " In Your Button.
Then Publish. Now Your Advance Download Timer Button Is Ready.
Follow This: -
* HOW TO CONNECT CUSTOM DOMAIN IN BLOGGER - Click Here
* Advance Online Age Calculator Script For Blogger - Click Here
* Advance Disclaimer Generator Tool Script - Click Here
* Create Advance Download Timer Button Script - Click Here
* Stylish Html Code Box Script - Click Here
PLEASE SHARE THIS ARTICLE ON YOUR SOCIAL MEDIA PLATFORM TO KNOW OTHERS. IF YOU HAVE ANY QUERY PLEASE WRITE IN COMMENT BOX ........... THANK YOU FOR YOUR SUPPORT.
0 Comments