Translate This Blog
Remember To Always Back Up Your Template Before Attempting Any Of The Tweaks On This Site

Download File Button

With this tweak I will show you how to make a simple button that will allow your visitors to download files with the use of  HTML <form> and <button> tags.

Their are other methods to make this button as well but I am doing it this way as a demonstration in using these HTML tags.  Also some other methods require JavaScript which I am trying to avoid since some users disable JavaScript on their browser. 

The syntax for creating a download file button is as followed.
<form action="Direct Link To File" method="get">
  <button>Download Now</button>
</form>
Red text is the direct link to the file you wish for your users to download.
Orange text is the title to display on the button.

The code above will render the following.

3 comments:

Aunt Amelia's Attic said...

Hi there! Yes, I'm still following your blog, even after having my blog problem fixed! ,-)

But actually, it's kind of busy right now, and after Christmas, it will be a lot less busy. Then I'll have time to come back, check over your Topics in Subject Lines, and see what I think I can try to learn.

Thank you for continuing to do this helpful blog! Betcha' I'm not the only one who checks here. But! How many who check here, leave any sort of comment? Grrrrrrrrrrrrrrrr... That's one of my pet peeves, in Blog Land.

If you read a post, damn it!, take 2 min. to type a comment!!!!!!!!!!!!!! So there! -pout- "Auntie" sezzzzzzzzzzzz...

,-)

Gentle Winter hugs...

AiresOFwar said...

Lol I don't think I have had any hate comments on here. Mostly good feedback or questions, but not everyone leave a comment. Right now this blog is still new so I only get about 500-1000 visitors a day which I hope to get more. I am what you would call a self taught programmer which I am still learning more everyday. As I learn more I make new post and modify older ones to make them better.

It seems you have found a post that I don't even have linked to my blog yet (this one) :D This post is meant to be part of a tutorial section that I am working on.

Thank you for your kind words and support. I look forward to future comments and questions from you.

~Gentle Warm Hug Back~

Aril83 (Shahril83) said...

this tutorial is great,even it's simple..good work!
:)

Post a Comment

Please don't post hyperlinked text within the comment box! It will not be published and you will be marked as spam.

Web Design Blogs PageRank