Skip to main content

How to add download button in blogger ?


Do you want to add download button in blogger post ? If yes then you are at the best possible place.

 In todays world almost everything is online and there are alot of web based services like watching movies , listening music , reading blogs , social media etc. And among those many websites offer some data to download  and in similar way you  may also provide something to download to  your visitors.

And those files can be downloaded simply by clicking a button . So lets understand what is a download button.

You should know that download button doesnt exists practically yes almost all website in this world uses download link . And when user click these link then download is triggered and files get downloaded.

So i assume that you have this download link and now you want  to set this link in a button in blogger post.

Generally these download links are created by file host to trigger download mechanism . Like google drive provide a way to host such files or mediafire or dropbox etc are some hosts which offer file storage.

How to add download button in blogger ?

In order to set that link to button just follow these steps.

Step1 : Go to blogger dashboard and open any post  in HTML mode.

Step 2 : copy code below and paste it where you want download button ,there are two different types of button simple button and game type button . Copy any one  which you like.

First type of buttons

Preview of buttons

second type of button or game buttons

Preview of buttons

Step 3 : replace that href="downloadLink" with your file download link.

Step 4 : just save your post and your download button is ready to work.

Editing Button's color and round border
I have created 5 different colour of button in simple buttons and 4 different colours in game type buttons. 
Red , green , blue , cyan , purple in simple.
You can choose and use any one of them . In order to change color go to <button class="pirate-button blue" replace this blue by red or cyan or green or purple And you will get your required colour .

And to get round border or say curved button add round at last of color inside class.

Similarly in game buttons there are 4 different colors and you can similarly add color names inside class=" game-button orange" This orange can be replaced by red or orange or green.
And if you didn't used any of these word then by default it will be blue. I have added blue as default so if no colour is mentioned it will appear blue.


Having a download button makes everything very professional and make it easier for your visitor to download given files. There are many ways you can create button first is native css buttons which is very simple , fast and occupy less storage .
Other methods are prebuilt images which can be used but professionals don't recommend them why ? Because it takes alot of storage and increases your loading time . CSS button are few KB where as images are more than 200KB .

So in my opinion always use css buttons in blog as its professional plus takes less storage. Yeah they are not fancy but you know its about work not about fashion and looks but again game button looks attractive right.

If you liked this post then please share it and please link to this blog.
Read also :


Popular posts from this blog

How to create blogger sitemap just in 2 minute ?

  Do you want to create an XML sitemap for your blogger blog ? If your answer is yes then stick yourself to this post. But at first let me tell you what a sitemap is , very first answer to this question is" It is a map of website " . Yeah its true  , a sitemap or lets say sitemap of your blog is basically an XML file containing links of all the blogpost published .  But why do we need sitemap ?  Its answer is very simple , we need sitemap to better index our blog in google or lets say any other search engines like bing or yahoo.  Actually this sitemap is not for small blog with some 20 post or like that but when you have about 50 post , 100 or even big blogs may have 2000 posts. So ,In that case we need a sitemap so that google's crawler will evenly crawl the pages and make sure that none of your  post will be left. Bloggers default dynamic sitemap Blogger have a default dynamic sitemap for every blog created on its platform . It is an xml file with schema and ev

How to create a free blog and make money ?

 Do you want to know ? How to create a free blog and earn money?  If your answer is yes then believe me you are at the best possible place in the whole web . But before that i want to make a request  please don't scroll this page and please read each and every word very slowly . Basically it is very personal message  written with heart to share my experience and blogging journey.  Just give me your 30 minutes believe me it will be your most fruitful 30 minutes. And this small investment can give you larger results in future. So Lets begin our main disscussion from here. I went to google chrome and searched " How to create a free blog and make money " and i found more than 20 websites and read their whole article . Those 20 websites has claimed following things. 1. Blogging is very easy. 2. Wordpress is only the option. 3. As usually money grows on trees . Although i searched with keyword  "free" But none of those websites provided me  a free way

How to create a contact us page in blogger in 2021 ?

  Are you here to learn " How to create a contact us page in blogger blog " If yes then you are at the right place. But at first , let me introduce you with contact form and its importance for a blogger. Contact us page is one of the most important pages for a blogger so that your visitors can connect with you. Athough contact us page is very simple in nature , it can create huge opportunities like sponsors can contact you for advetisement , similarly other bloggers may contact you for guest posting which is great because it may pay you as well as you will get a piece of article for free. Also If any visitors wanted to contact you for any personal benefit or queries then comment sections a sometime unfavourable and so through your contact form they can express their feelings. Some benefits of having contact form are pointed below. 1. Sponsors can reach easily to you 2. Other blogger may contact for guest posting. 3. Visitors can personally interact with you.