How to Redirect Another Webpage After Download File

Hi to all, in this article I am going to tell you all about how to redirect another page after download in just few minutes by using HTML, CSS and JavaScript.

By adding this code you can attract your website visitors and also if you want your visitors to redirect to another website after successful download then you can use this trick.

You can use the below codes in any blogger templates and also you can use these codes in other websites too, without any error or issues.

Read the below provided steps carefully and completely to get clear understanding about how to redirect another page after download, if you miss any ne step then you may get error while saving code, so read the article completely.

Steps to Redirect Another Page After Download

Step-1: First of all you all need to login to your blogger website dashboard by using your website login credentials.

Step-2: Go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on backup -> Click on download theme.

Step-3: Now go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on Edit HTML -> Blogger theme editor.

Step-4: Copy below provided CSS code and paste the copied CSS code above closing head tag or </head> tag.

<style> .D-btn span{color: #fff;} .D-btn { display: block; color: inherit; width: 200px; font-size: 20px;background:green; text-align: center; text-decoration: none; box-sizing: border-box; padding: 10px 0; margin: 40px auto; transition: all .3s; } .D-btn:hover { background: #222222; color: #e8d506; } </style>
Copy

Step-5: After adding the CSS click on save button.

Step-6: Now go back to website dashboard and click on Post where you need to add the download button.

Step-7: Copy the below provided HTML and JavaScript Code and paste the copied HTML and JavaScript in the post, where you need to show the download button.

<a class="D-btn" href="https://drive.google.com/uc?export=download&id=17rPt2UvZ3mOr6wf1rOX1JdUi2Hv2Xqet" onclick="Atredirect()"><span>Download</span></a> <script> function Atredirect() { setTimeout("location.href='https://www.tialwizards.in'",4000); } </script>
Copy

Step-8: Replace the redirection link in the JavaScript and add link to download in HTML.

Step-9: After changing, click on update button.

Step-10: Now you have successfully added the redirect another page after download button in blogger website easily in just few minutes.

Note

If you get any error while saving the code in the theme editor, then you need to restore your backup code again and need to repeat the same process as mentioned in above steps carefully.

If you want to change any styles or colors, then you need to modify CSS code and to change the colors you need to replace the color codes and to get color codes you can use google color picker.

Demo

Download

Conclusion

I hope that you have understood about how to redirect another page after click on download button easily in just few minutes by using HTML, CSS and JavaScript.