Wednesday, June 12, 2019

3 Stylish Buttons With Link In HTHL

Hello! In this tutorial of AndroRuse, You are going to see that how you can create a download button with a download link in HTML. In this post, I am going to show the 3 download button. You can add any which suits your website or webpages. If you have any problem implementing these codes, feel free to comment below in comment box. Now, Let's Get Start.



REMEMBER : In the place of http://bit.ly/androruse, you have to paste your URL/Download link.



Process 1 : Showing Small Button On Center Of Website. 

This is a medium size button located in the center/middle of the page where you implement the code. You can find the code below the photo. See the example in the below photo.




Code :

 <center>
<a href="http://bit.ly/androruse">
<input type="button"  value="Download" style="width:35%">
</a>
</center>



Sample:



Process 2 : Showing  Large Download Button.

 This is 100% wide download button. You can install it easily in your webpages and the code you need to paste there is given below. See a example below.


Code :

<a href="http://bit.ly/androruse"><input type="button"  value="Download" style="width:100%"/></a>



Sample



Process 3 : Showing Small Download Button In Right.

 You can see the preview in the below photo and also you can found it's code below the photo.



Code :

<a href="http://bit.ly/androruse">
<input type="button"  value="Download" style="width:30%">
</a>


Sample:



You can also customise it by.

1. Change "100%" into your desired size between 1 - 100


2. Change "bit.ly/androruse" into your desired website.


3. Change "Download" With the word which will be displayed inside the button.



Hope this helped you. This is the three type of download button, you can use in Any HTML for free. You can also add link to a download photo easily if not comment below, I will make a new post for you. If you have any problem relating to this post, feel free to comment below in comment below using your Google account.

Disqus Comments