How to Create Automatic Timer Button for Blogger

Rate this post

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.

20230622 125105

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;
}
  

6. 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.

One Request?

I worked hard on this post to help the blogging community. It would help me a lot if you consider sharing it on social media networks. Because Sharing Is Caring.. ♥️

Sharing Is Caring...
alt_here

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 Tech Video, Also I'm a Professional Web Developer or Designer. I enjoy playing with Codes and making Interesting Things.

Leave a comment