Як зробити кнопку завантажити на сайті

Відео: Як встановити кнопку завантажити відео з Ютуб 2

Як зробити кнопку завантажити на сайті

Як зробити кнопку завантажити на сайті

Відео: Як поставити кнопку "завантажити" для Ucoz

Дуже цікавий варіант створення посилання для скачування файлу, з використанням форми і кнопки знаходиться в ній, цей варіант я особисто використовував для електронної книги і приховування реферального посилання в ній, так як поки людина не натисне, він не бачить, самої посилання.
Реферальная посилання це не мінус для людини пройшов по ній, це додатковий стимул для вебмастера.
Ви можете використовувати цей прийом з кнопкою для того, щоб користувачі могли натиснути на кнопку і завантажити потрібний файл, можна відкрити сторінку, але я радив би все-таки обмежитися текстовим посиланням.
Вирішувати звичайно вам. Цікавий рада? Читайте.

html код кнопки




Для того, щоб на вашому сайті з`явилася кнопка, необхідно вставити цей код в те місце, де ви хочете, щоб вона була, в візуальних редакторах це зробити простіше, але якщо ви робите сайт в блокноті доведеться пошукати потрібні теги, хоча я впевнений, що ви зможете знайти те місце куди хочете вставити код поданий нижче.
Отже копіюємо даний код собі в сторінку.

Як змінити код для своїх цілей

Зверніть увагу на частину рядка -
onclick = location.href = "moifail.zip" тут є посилання на файл moifail.zip - якщо судити по посиланню файл лежить в одному каталозі з сторінкою, а якщо у вас файл лежить в каталозі download, а сторіночка лежить в одному каталозі з папкою download, то ваше посилання зміниться і стане виглядати так - onclick = location.href = "download / moifail.zip"
А якщо ви вже знаєте як називається ваш сайт і хочете наприклад зробити посилання в книзі для завантаження файлу з сайту, то можна поміняти посилання на таку
onclick = location.href = "https://vash-sait.ru/download/moifail.zip" або якщо сайт на безкоштовному хостингу onclick = location.href = "https://vash-sait.xosting.ru/download/ moifail.zip "

Відео: Кнопка для сайту з анімацією на CSS3

Що ще можна змінити в коді кнопки?




Ви так само можете ще змінити зовнішній вигляд кнопки, натискаючи на яку користувач зможе завантажити файл, але для цього почитайте в книзі про HTML розділ про форми

Відео: ЯК ВСТАНОВИТИ КНОПКУ СКАЧАТИ на ютубі І ВК I КАЧАЙТЕ ОДНИМ НАТИСНУВШИ

Можна ще поміняти вміст рядка


Замінивши метод з method = post на method = get і тоді ваші користувачі будуть бачити відкривається посилання в рядку браузера.
Замініть title = "Завантажити крутий файл» на title = "Моя книга про золотих риб» або щось своє.

Удачі в освоєнні мови HTML і створенні сайту.
Автор: Титов Сергій


Поділися в соц. мережах:

По темі: