Welcome to today Blogger tutorial. Today, I will take you through some simple coding on how to add Download Button to your Blogger posts.

There are many websites and blogs on the internet that provides apps and games, videos, songs, pdf, etc.

Consider how professional your blogger hosted will look if you provide some files to download and users can download those files by just hitting the Click-To-Action download button.


Follow the guide below:

- Step 1: Go to any Blogger post and click 'Edit' to go to post editor. 

how to add blogger download button with html



- Step 2: Under the post editor, click and change "Compose view" to "HTML view" at the upper left hand side. 

how to add blogger download button


Step 3: Scroll to the place where you want to add Download Button html code.

Step 4: Copy and paste the html codes below (you can write it down for future use or save it somewhere on your computer):

<p><a href="https://DOWNLOAD/URL/"
target="_blank" style="font-weight:bold;font-size:20px;border:1px solid #ccc;border-radius:10px;padding:10px;text-decoration:none;color:#fff;background-color:#ff5722;">Download Now
</a></p>


You'll get a result like below:



Step 5: Click PUBLISH.

Open the post to see if it works.

PS: The URL must be your exact download link.

I'll update this post in the future and show you how you can design your download button.

Happy Blogging!

I hope you like this post. If you encounter problem doing this, you can drop your comments below.