Stylish download button for Blogger |
---|
How to add button in Blogger |
CSS download button animation |
Download button code |
Today I will show you How to Add Different Responsive Download Button on Blogger
There are numerous websites in the online world. We can use it by downloading movies, dramas, serials, apps, software, audio, videos, pictures etc. from that website. There are also many necessary document files :that need to be downloaded to use. And to download anything from the website you need a download button. To download something from a web page, the download button on that page presents the page beautifully. The download button is especially important for downloading websites.
Let's take a look: How to: Add Responsive File Download Button
If you want to setup in the right way, you have to follow the method shown in the following 3 steps. Excluding any part of 3 steps can cause problems. Therefore the setup will remain unfinished.
You need to download the code file from the Download bar below. First the head code, the second small button code and the third big button code have to be copied sequentially.
First you have to go to the website's desboard. Then you have to enter the Theme writing option of Dashboard.
The middle step is to enter the edit HTML and find the text <head>. If you can't find the <head>. text, press CTRL F on the computer keyboard to bring up the search bar and type <head>. in the search option. Now you need to copy and paste the text "1st. Head code" under the <head> text. You have to save the last one.
Always keep a backup of the template XML file. As a result, if there is any problem in the XML file, the problem can be solved with the backup file.
The last step is to fix the place where the download button will be added.You have to fix the small or big download button in that place.Then you have to copy the code of the button you want to put from the 'Google Drive: Code' .The page to be added will have to be changed to html mode.Copy code should be pasted where you add the download button.
All files on the Netrokey site are uploaded to Google Drive. So the files of Netrokey site are downloaded from Google Drive.
Step 1.1: First, login to your Blogger website.
Step 1.2: Then enter 'Edit Html' in the 'Theme' option on the Blogger website's desboard.
Step 1.3: After going to 'Edit Html', click anywhere and search for '</head>' by clicking 'Ctrl + F' on the keyboard.
Step 1.4: Copy the complete code from the first code box(Code-1) below and paste it over '</head>'.
Step 1.5: Click on the Save button to finish the process.
Step 2.1: Now you need to go to your blogger desboard again.
Step 2.2: If the Post or Page is in Compose view, you have to take HTML view from Compose view.
Step 2.3: Now you need to select the place where you will see the download button.
Step 2.4: Copy the complete code from second code box(code-2) below and paste the code in the selected place.
Step 2.5: Click on the Save button to finish the process.
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<button class="btn"><i class="fa fa-download"></i> Download</button>