0:00
Hello everyone, welcome to Key2Blogging and in this video, I will show you how you can add a
0:04
download timer button in your blogger website. So as you can see, this is the pop-up download
0:09
timer button and this is the old download timer button that I have discussed in this video
0:14
So let's check how you can add a pop-up download timer button like this. So whenever someone click
0:20
on the download button, it will start the pop-up download button and it will start counting the
0:27
seconds. So let's wait. Okay, as you can see now the download button is showing and here you can
0:38
place an ad in this download timer button. So let's check how you can do it in your blogger
0:44
website. So for this, you have to go to your blogger dashboard and you have to create a new
0:49
post or you can open an existing blog post. Then you have to add a HTML code like this and
0:57
this is the JavaScript code and this is the CSS code. So here you can change the value like here
1:05
you can change the AdSense ad code and here you can add the data ad slot code and here you have
1:12
to add the link of the download file and here you can change the download text. So here you can
1:21
add the text like download now and here you can place the link. So let me just add the link of
1:29
the old download timer button in this download timer button. So let's click on update
1:37
Now let me just refresh this page. Okay, when I click on the download button, it will start the download
1:50
countdown and let's wait for 15 seconds. Okay, now the countdown is completed. When I click on the download file button
2:01
the download file button, it will redirect to that link that we have set in this position
2:08
So you can change the link here and you can change the download button text. And if you don't want to
2:15
put the same JavaScript and CSS code again and again in blog posts, then you can simply copy
2:21
this code from here. So let me just cut it from here. And let me just update the blog post
2:28
And I will go to the theme section and I will click on edit HTML
2:35
Now I will scroll down to the bottom and I will add that code just above the closing body tag
2:43
And this code will only load in the blog post as we have set the condition. So it will only
2:50
load in the blog post. And if you want to load it from the page, then you can remove this
2:56
if condition. So let me just save this code. Okay, now let me just go to the blog post and let me just open this post. And as you can see
3:10
the download timer button is still working. So in this way, you can use the HTML code in
3:15
the blog post and use the CSS and JavaScript code in the theme editor
3:21
And if you have any doubt regarding this, then you can ask me in the comment section
3:25
And if you like this video, then hit the like button and do subscribe to blogging. Thank you
