We are making major changes to this site. Reach us if you are facing any issue by clicking on Report. Contact US!

How to Create Automatic Timer Button for Blogger

Please wait 30 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

Today I am going to tell you all about how to make automatic timer button, many people want to install timer button on their website. But they do not understand which timer button will be correct, so I have brought automatic timer button for you in this post, how to create for WordPress and Blogger website and add it to your website. I will also tell you its use and its uses. Because what will you benefit from the users who come, I will tell you everything step by step in this post.

How to Use of Automatic Timer Button

If you guys also want to use the automatic timer button, then I want to tell you how to use it first, by using it you stop the user from waiting for 30 seconds or more. By doing this, the user stops coming to your website and waits for whatever file he wants. Due to this, your bounce rate is also low because if the user does not stop coming to your website, then it also increases your bounce rate, due to which the attack on Adsense remains and if Adsense wants, then it stops showing advertisements from our website. Therefore, if you use this automatic timer button, you give any files on your website, then by using it you can give it, which can prevent the user from visiting your website.

Advantage and Disadvantage

Prons:
  • By using this you can reduce the bounce rate of your website.
  • You guys will use this to increase your AdSense earning a little bit.
  • By using this, you can block the user on your website for some time.
  • You guys will use this to increase your AdSense earning a little bit.
  • By using this, you can block the user on your website for some time.
Cons:

  • The speed of the website becomes a bit slow.
  • The loading speed of the website decreases.

Whatever you have to edit, friends, before that you have to make a backup of your theme, so that if there is any mistake, then with the help of that backup, you can bring your old theme.


How to add Css Code in Template

See, friends, now I am going to tell you the steps to install automatic timer button in your blogger's website, and you have to follow all the steps properly, I would like to tell all of you in advance that after adding this code a little bit on the website There will be a difference due to which the speed of the website will slow down. And in this, if you will face some problem of slow speed, but there is no problem in that, then let me tell you the steps of how to add it.

  1. First of all you have to come to blogger.com and you have to log in to it.
  2. Now you are logged in to your blogger dashboard.
  3. You will see the option of a theme section below, you have to come by clicking on it.
  4. After coming to the theme section, you will see the option of Kutomiztion, you have to tab on it, after that you have to click on Edit HTML.
  5. Now you have to tab Ctrl+f, after that you have to search ]]></b:skin> and on top of that you have to paste this Css code
      
.timer-button-kus {
		background-image: linear-gradient(155deg, #028090 0%, #00BFB2 74%);
		color: white;
		padding: 0px 30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 0px;
		font-size: 13px;
	}

.timer-button-kus:hover {
	background-image: linear-gradient(to left, #d800ff, #fd0c91);
	color: #fff;
}
  1. After adding the code you have to save the template

How to add Code in Post html

You have added the Css code, half of your work is over, now you have to open any post of yours, after that I have given you an HTML code below, you have to copy it, after copying it, you will have to click on your post. add it in the middle
      
<center id="kustusu-progress">
<div dir="ltr" style="text-align: center;"><center><span id="countdown">Please wait 30 seconds.</span></center><a id="download_link" class="timer-button-kus" style="display: none;" href="Url">Go To Download Page</a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript></div>
<div id="kustusu-done">
</div>
<script type="application/javascript">
	(function() {
		var message = "%d seconds before download link appears";
		// seconds before download link becomes visible
		var count = 30;
		var countdown_element = document.getElementById("countdown");
		var download_link = document.getElementById("download_link");
		var timer = setInterval(function() {
			// if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed
			if (count) {
				// display text
				countdown_element.innerHTML = "Please wait %d seconds.".replace("%d", count);
				// decrease counter
				count--;
			} else {
				// stop timer
				clearInterval(timer);
				// hide countdown
				countdown_element.style.display = "none";
				// show download link
				download_link.style.display = "";
			}
		}, 1000);
	})();
</script>

Now whatever URL you want to add, I have given the tag of URL with yellow color, then you have to add your URL after seeing that. After that you will see a number digit, the number of seconds you have to set the timer code, but that number has to be written, I would suggest you to set the maximum of 25 to 30 seconds only.

Conclusion

In today's post, I have told you how you can add automatic timer code to your blogger's website, through this post you can easily apply this timer code, this will increase your AdSense earning. There are chances. And also you can put this button in your WordPress also, if you have any kind of problem in putting this timer code, then you can directly contact us on our email whose contact is already given on that page. Or you can also ask by commenting.


© Tech Shreyansh

About the Author

Hello! My Name Is Tech Shreyansh, And I'm A Youtuber And Content Creator From Azamgarh, India. I Have A Channel On YouTube Called Tech Shreyansh Where I Upload Programming Videos. Also I'm A Professional Web Developer Or Designer. I Enjoy Pl…

Post a Comment

Want a Help Reagarding Website Design and Help from our WebSite? Submit a request below:
  Contact Us
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.