How to add a download button in Blogger (Blogspot) blog? Did you also want to learn it?
Well, you have already landed on the right blog post, today in this short blogger tutorial I'm going to share a complete simple step-by-step guide on how to add a download button in Blogger.
It's quite a simple task to add or insert a download button to your Blogger (BlogSpot) blog.
You easily simply insert the download button as an image file or if you have a little bit of knowledge about HTML/CSS.
But what if you don't know the HTML/CSS download button code for Blogger (BlogSpot), don't worry here we're.
Let's start the tutorial...
How to Add Download Button in Blogger (BlogSpot)
You can easily add a download button to your Blogger (Blogspot) blog's sidebar, footer, and inside any blog post. To insert/add a download button to your Blogger (BlogSpot) blog simply you have to follow the steps given below.
How to Add Download Button in Blogger Posts
Follow the steps given below to insert/add a download button to your Blogger (BlogSpot) blog posts.
Step 1: Go to your Blogger dashboard.
Step 2: Edit or create a new blog post where you want to add a download button.
Step 3: Now click on the Edit option in the Blogger toolbar and select HTML view.
Step 4: Then locate the sentence line before/after which you want to add the download button. After you have located the line find out the </br> tag and insert the HTML code (Given below) before the tag as shown in the screenshot.
Step 5: After you have successfully inserted the HTML code, then again click on the Edit option in the Toolbar and select the Compose view option.
Step 6: The final view will look like this.
You may also like to read how to add a table in Blogger.
How to Add Download Button in Blogger Sidebar
Follow these steps to add a download button in your Blogger blog's sidebar.
Step 1: Log in to your Blogger (BlogSpot) dashboard.
Step 2: Now click on the Layout option then click on the Add a Gadget option and add an HTML/JavaScript gadget in the sidebar section.
Step 3: Give a title to your button and paste the HTML download code (Given below) in the content section and click on the Save button. Make sure you have enabled the "Show this widget" option.
Step 4: Here's how it looks after you have saved the Sidebar Gadget.
That's done!
Download Button HTML Code for Blogger
Here's a sample download button HTML code for Blogger (BlogSpot).
<div style="text-align: center;"><a class="button" href="#">Download</a> </div> <style> .button { background-color: #4CAF50; border: none; color: white; padding: 5px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 0px 0px; cursor: pointer; } </style> |
Simply copy and paste the complete code where you want to add a download button to your Blogger blog.
How to Add Link to Download Button in Blogger
To add any content file download link to the download button you have just created simply replace the # in the HTML code given above with your file downloading link.
If you don't want to use HTML code to display the download button to your Blogger blog, then you can also insert a download button image file to your Blogger blog post.
Here's learn how to upload images in Blogger
That's the end of today's short tutorial on how to add a download button in Blogger.
I hope this tutorial should help you, for more such tutorials keep visiting our blog. You can also share this on social platforms - Facebook, WhatsApp, etc.
Post a Comment