Menambahkan Fasilitas Upload File di Blogger



Upload atau mengunggah adalah proses mengirim data (umumnya berbentuk berkas) dari komputer pribadi ke suatu sistem seperti server web, server FTP atau sistem serupa lainnya yang kemudian akan dipublikasikan di internet baik secara pribadi atau umum (dapat dinikmati oleh semua pengguna internet). (Wikipedia)

Namun fasilitas upload file ini tidak saya temukan di blogger. Untuk itu saya ingin berbagi mengenai cara menambahkan fasilitas upload file di blogger.

Pertama, anda harus mempunyai web-space/hosting untuk menyimpan file yang di upload. Ada banyak web yang menyediakan fasilitas hosting gratis bahkan berbayar sekalipun. Namun untuk sarana belajar disini saya manfaatkan hosting yang gratis saja.

Setelah anda mempunyai hosting dan login ke ftp-nya. Silahkan buat folder untuk menyimpan file yang di upload itu, misal folder itu saya beri nama "files" (tanpa tanda petik).
Struktur File









Dibawah folder files itu buat file "proses_upload.php (tanpa tanda petik) untuk memproses file yang di upload nanti. Dan isikan kode berikut:
<?php
    $dir = "files/";
    $blogpage = "http://siunus.blogspot.co.id/p/blog-page_17.html";
    if(isset($_FILES['file'])) {
        if($_FILES['file']['error'] > 0) {
            echo "
                <script>
                    window.alert('Error Code: " . $_FILES['file']['error'] . "');
                    window.location=('$blogpage');
                </script>
            ";
        } else {
            $file = $_FILES['file']['name'];
            if(file_exists($dir.$file)) {
                echo "
                    <script>
                        window.alert('$file already exists!');
                        window.location=('$blogpage');
                    </script>
                ";
            } else {
                move_uploaded_file($_FILES['file']['tmp_name'],$dir.$file);
                echo "
                    <script>
                        window.alert('$file uploaded!');
                        window.location=('$blogpage');
                    </script>
                ";
            }
        }
    } else {
        echo "LOL";
    }
?>
* Yang berwarna merah adalah nama folder untuk menyimpan file yang telah di upload.
* Yang berwarna biru adalah alamat/url halaman di blogger kita yang akan kita buat setelah ini untuk menampilkan form dan hasil upload. 

Buat juga file "tampil_files.php" untuk menampilkan file-file yang telah di upload. Berikut kode-nya:
<?php
    $jml_file = 0;
    $dir = "files/";
    if($opendir = opendir($dir)) {
        while($file = readdir($opendir)) {
            if(is_file($dir.$file)) {
                $jml_file++;
                $ext = explode(".",$file);
                $ext = end($ext);
                echo "
                    <img src='http://www.4shared.com/icons/32x32/$ext.png' width='16px'/>
                    <a href='".$dir.$file."'>$file</a><br/>
                ";
            }
        }
        closedir($opendir);
    }
    if($jml_file==0) { echo "Tidak ada file."; }
?>
 * Yang berwarna merah itu adalah nama folder untuk menyimpan file yang telah di upload.

Jika file-file diatas telah kita buat. Masuk ke blogger anda dan buatlah sebuah Laman Kosong, kemudian isikan kode berikut:
<!-- Form untuk memilih file -->
<form action="http://alamat_hosting_anda.com/proses_upload.php" enctype="multipart/form-data" method="post">
<label for="file">Pilih File:</label> <input id="file" name="file" type="file" />
<input type="submit" value="Upload" />
</form>

<!-- Untuk menampilkan file -->
<iframe frameborder='0' scrolling='no' width='100%' height='1000px' src='http://alamat_hosting_anda.com/tampil_files.php'></iframe>

 * Yang berwarna merah itu adalah alamat/url letak files proses_upload.php yang telah kita buat tadi.
 * Yang berwarna biru itu adalah alamat/url letak files tampil_files.php yang telah kita buat tadi.

Lihat laman tersebut kemudian catat/copy alamat url-nya. Buka kembali file proses_upload.php dan gantikan url yang berwarna biru dengan url laman tersebut.

Sekarang giliran mencoba.
Kunjungi laman pada blogger anda dan silahkan coba upload beberapa file yang ukurannya tidak terlalu besar.

DEMO

Semoga berhasil dan bermanfaat.
Terimakasih.






27 komentar
  1. hasilnya kok error 405 mas gimana dong solusinya

    BalasHapus
    Balasan
    1. sepertinya masalah permission atau perizinan gan

      Hapus
  2. suhu kodenya taruh mana yg pertama dan kedua itu? apa di file proses_upload.php edit html di periksa elemen? apa gimna kurang jelas suhu..

    BalasHapus
    Balasan
    1. itu tidak ditaruh di blogger gan, taruh di hosting agan.

      Hapus
  3. Eror 405 salahnya dimana gan kok nggak dijawab

    BalasHapus
    Balasan
    1. maaf gan! itu berhubungan dengan perizinan server hosting agan, jadi solusinya ubah semua chmod menjadi 777 untuk folder, dan 666 untuk file.

      Hapus
  4. Maksudnya gimana gan saya dah coba menyimpan do google drive and di drp box tapi hasilnya sama

    BalasHapus
    Balasan
    1. maaf ya gan itu bukan di simpan di cloud, tapi disimpan di hosting, seperti idhostinger, 000webhost, dll.

      Hapus
  5. maaf kenapa untuk file yg ber-ekstensi .exe tidak dapat diupload y gan ??
    saya coba yg lain bisa apalagi yg ekstensi .php, tp kenapa yg .exe sulit sekali y gan ??
    makasih atas ilmunya :)

    BalasHapus
    Balasan
    1. untuk yg .exe lebih baik di compress dulu jadiin .rar atau .zip

      Hapus
  6. Mas, Kalau form upload nya di masukin ke postingan bisa nggak? Kalo yang ini kan di masukin ke HTML atau di sidebar

    BalasHapus
  7. saya udah ikuti tutorial itu tapi ada problem gini?


    Warning: opendir(files/): failed to open dir: No such file or directory in /home/u410326466/public_html/tampil_files.php on line 4
    Tidak ada file.

    BalasHapus
  8. Udah berhasil diupload tapi kok gk ada data gimana mas..
    Mohon dijawab :)

    BalasHapus
    Balasan
    1. cek lagi tampil_files.php mungkin ada kesalahan

      Hapus
  9. lah ko proses uploadnya cuma tulisan lol :D

    BalasHapus
    Balasan
    1. mungkin anda salah, atau anda lelah.
      tak perlu lah menertawakan karya orang.

      Hapus
  10. gan sekalian buat untuk form gitu donk gan, request dikit,, hehehehe

    BalasHapus
    Balasan
    1. request gimana gan?
      itu tinggal copas aja coding nya.

      Hapus
  11. min, tambahin cara biar bisa ke upload di google drive dong...

    BalasHapus
  12. gan, punya ente hostingnya pake apa?

    BalasHapus