How to Add HTML Download Button in Blogger Post

Hello Friends, Welcome to Brothers IT Hub. Today we will tell you how can you create and add HTML download button in your blogger post without adding CSS script in theme. Also, you will be able to change button color and size according to your well. By default, blogger does not provide any feature to add button directly to the post but it allows us to add anything in HTML of a post and theme. We can customize our blog according to our well if we have a little bit knowledge of HTML coding. HTML is a simple and easy language to learn. Anyone can learn the basics of this language in a few days.

When did we need to add download button in our post?

If we are going to provide our user a downloadable file, document, video, PDF file, text file, audio, songs, movies, software or any content in our blog post then it is necessary to add a download button. Adding a download button maked it easy for the visitor to download the file just by clicking on the button without wandering here and there in search of the download link in our post.

Method to add download button in blogger post

 Follow the steps given below to add HTML download button in your blog post just in one click.

Step1:

Go to the posts section of your blog and then click on the edit of the post in which you want to add the download button.

Step2:

 In blogger post editor go to the HTML section of your post and place the code in your post HTML where you want to show download button.

Copy the code given below and past it in the HTML of your post where you want to show the download button in your blog post.

<br> <center> <button style="background: #f9cd33; border-radius: 0.25rem; border: 14px solid transparent; box-shadow: 1px 2px 15px rgba(0 , 0 , 0 , 0.2); color: #34495e; display: inline-block; font-size: 15px; font-weight: 700; height: 40px; line-height: 1px; outline: none; padding: 0.9375rem 1.875rem; position: relative; transition: 600ms ease all; vertical-align: middle;"><a href="https://brothersithub.blogspot.com" target="_blank">Download</a></button> </center> </br>

Step3:

Change the URL (https://brothersithub.blogspot.com) of the above code with your desired download link. This is a simple and awesome button and will be placed in the center of the line.

After adding download button successfully just click on the update button and if you have added this download button into your new post then just publish it.

Demo of Download button

I am adding this download button here as a demo so that you could check it is working and best.

Note

I have given yellow type color to this button but you can change it to your desired color as you wish. To change the color of the button just change #f9cd33 with any color name or code. Always choose a color that suite your blog theme. You can generate any color HTML code or name from the given link below.

Link: https://htmlcolorcodes.com/

If you have any problem, question or suggestion then comment us now. We are always here to help you.
Your suggestions and feedback are valuable to us. Thanks