Script HTML Untuk Link Download Keren

Cyber Blog - HTML merupakan bahasa pemprogaman yang biasa di gunakan untuk keperluan web / blog, nah biasanya html ini di gunakan untuk beberapa alasan, contohnya membuat template blog, membuat link download, tapi kalo cuma script html saja rasanya masih ada kurang, jadi kita harus menambahkan beberapa bahasa pemprogaman agar menjadi lebih bagus, biasanya html dipadukan dengan CSS, nah css ini berfungsi untuk memperbagus / mengatur halaman web / template blog / postingan. Nah untuk kali ini saya akan share script HTML dan CSS yang biasanya digunakan untuk membuat link download.
Kelebihan dari link download dari html dan css, daripada memakai gambar ialah, tidak memberatkan loading blog, kenapa ?? karena gambar yang kita jadikan untuk link download akan menambah loading blog, dan biasanya kalo gambar itu tidak terlihat/hilang bila internet si pengunjung lemot. Jadi saya sarankan memakai script html, karena html dan css merupakan perpaduan warna dan table, jadi internet akan lebih mudah dan cepat dalam mengakses blog / web yang tidak memiliki banyak gambar.

Script link downloadnya :

1.

CSSnya :

.download01 a {
border-radius: 50px;
padding: 5px 10px;
background: #1C6CFF;
color: #1A1A1A;
text-decoration: none;
}
.download01 a:hover {
background: #4B8BFF;
color: #fff;
}

HTMLnya :

<table class="download01">
<tr>
<td>
<a href="#">Download Disini </a>
</td>
</tr>
</table>

Hasilnya :

Download Disini

2.

CSSnya :

.download02 a {
font-size: 18px;
padding: 10px;
color: #000;
font-weight: bold;
background: #004BD7;
text-decoration: none;
border-radius: 2px;
}
.download02 a:hover {
color: #fff;
padding: 15px;
border-bottom: 2px solid #00318C;
background: #3B80FF;
border-radius: 8px;
}

HTMLnya :

<table class="download02">
<tr>
<td>
<a href="#">Download Disini </a>
</td>
</tr>
</table>

Hasilnya :

Download Disini

3.

CSSnya :

.download03 a {
border:1px solid #C1C1C1;
padding: 6px 10px;
text-decoration: none;
color: #6E6E6E;
}
.download03 a:hover {
color: #121212;
}

HTMLnya :

<table class="download03">
<tr>
<td>
<a href="#">Download Disini </a>
</td>
</tr>
</table>

Hasilnya :

Download Disini

Kenapa disini saya memakai table ? kok buka ul,li,div ?

Karena ada banyak template yang biasanya tidak support untuk menggunakan ul,li,div saat digunakan untuk postingan

Tag :

Script HTML link download
HTML link download
Cara membuat link download dengan html
HTML dan CSS membuat link download
Link download html dan css ringan , bagus , responsive

Script HTML Untuk Link Download Keren

1.

2.

3.

0 Response to "Script HTML Untuk Link Download Keren"

Post a Comment

Featured Post

Rekomendasi 30 Anime Terbaik Sepanjang Masa