Tutorial: Membuat Widget Download Menggunakan Kode HTML

Hai, semua! Kali ini author mau jelasin tutorial membuat widget download menggunakan kode html nih. Langsung aja ya biar ga kelamaan... ;)

Pertama, tentukan link downloadmu akan ditaruh di mana, bisa di laman/page atau gadget. Di tutorial ini author menggunakan laman. Jadi, nanti hasilnya di dalam laman download akan muncul link-link download file.

Kalian pastinya harus sign in terlebih dahulu ke www.blogger.com. 

Lalu, klik "Laman" pada menu "Opsi lainnya" yang ada di dasbor.

Buat laman baru dengan nama "Download" (nama terserah kalian). 

 Lalu, akan muncul lembar kerja. Kita akan membuat link download di lembar tersebut. Kita bisa menggunakan link file orang lain atau file yang kita upload/unggah sendiri sebagai file yang akan diberi link. Kali ini, author menggunakan file yang diupload sendiri lewat sites.google.com.Bingung caranya? Jangan khawatir... 

Jika belum punya akun google site, kalian bisa membuat dahulu menggunakan akun google. Pertama, buka sites.google.com.

  

Kemudian klik "create" untuk membuat akun baru dan akan muncul kotak nama site dan pilihan template yang bisa digunakan. Isi kotak tersebut dan pilih template.

Maka, akan muncul site yang telah kita buat. Lalu, klik icon "New Page" untuk membuat laman baru sebagai tempat penyimpanan file.

Isi kotak dengan nama page yang diinginkan. Di sini, author memberi nama "Music and Movie" karena akan mengupload file musik.

Setelah laman tersebut jadi, klik "Add files" untuk mengupload file dari laptop.

Lalu pilih file dan klik "open". Secara otomatis file akan terupload. Jadi sekarang kita punya link file yang  sudah diupload.

Karena kita membutuhkan link file tadi untuk membuat link download, maka klik kanan icon "Download" di sebelah kanan dan pilih "Copy Link Location".

Kembali ke laman download pada blogger. Untuk membuat link download, kode html yang digunakan yaitu

Setelah itu, klik "Perbarui" dan akhirnya jadilah link download yang diinginkan.

Sekarang cobalah link yang sudah dibuat untuk membuktikan bahwa link tersebut bisa digunakan atau tidak. Selamat mencoba ;))