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.