search-button

Dec 27, 2013

Cara Mudah Hosting File CSS, JS dan Audio di Dropbox

   
Advertisements
Advertisements
Ada waktu luang untuk bermain dengan kode untuk membuat pemutar musik sendiri yang bisa diterapkan di blogger tapi pada saat proses finishing pusing mencari Audio hosting gratis dan bisa dipercaya. Selanjutnya saya pusing tujuh keliling mencari artikel yang memberikan tutorial untuk hosting file eksternal CSS, JavaScript dan Audio di Dropbox untuk dijadikan plug in ke dalam blog, masalahnya karna saya masih menggunakan operasi windows XP dan dropbox tidak mau memunculkan tombol share linknya langsung dari file didalam windows explorer.

Akhirnya saya temukan sendiri caranya, bagi anda yang tidak mau pusing seperti saya, berikut tutorial mudah dan sederhananya.

Langkah-langkah :


1) Pastikan anda sudah memiliki akun Dropbox, jika anda belum memilikinya silahkan daftar dulu di laman Sign up Dropbox lalu unduh dan pasang di komputer

2) Salin lalu paste file CSS, JavaScript maupun audio anda kedalam folder Public di Dropbox

upload

3) Arahkan kursor anda ke area Icon Tray disudut bawah lalu klik icon dropbox kemudian klik Share Link pada file anda

Share

4) Paste link tersebut kedalam browser lalu klik kanan tepat pada tombol Download kemudian klik Copy this link

Paste dan klik copy

5) Paste kan link yang baru anda salin dari tombol download tersebut kedalam notepad yang akan terlihat seperti ini


https://dl.dropboxusercontent.com/s/5chzxbi1y05izbh/CONTOH.js?dl=1&token_hash=AAFWCigCIIv_e18GGGx9uAnISwc6DI-RoBGQqc7a7TvngA

6) Hapus semua hurup maupun angka yang di awali dari simbol "?dl=1&token" sehingga akan menjadi seperti ini

https://dl.dropboxusercontent.com/s/5chzxbi1y05izbh/CONTOH.js

Penerapan :


Untuk proses implementasi kedalam template blogger, buatlah atribut seperti dibawah ini

1) JavaScript

<script src='https://dl.dropboxusercontent.com/s/5chzxbi1y05izbh/CONTOH.js' type='text/javascript'></script>

2) CSS

<link href='https://dl.dropboxusercontent.com/s/5chzxbi1y05izbh/CONTOH.css' rel='stylesheet' type='text/css'/>

3) Audio atau Musik Mp3

<audio src='https://dl.dropboxusercontent.com/s/5chzxbi1y05izbh/CONTOH.mp3' type="audio/mpeg"></audio>


Itulah link anda yang bisa digunakan sebagai ekstensi atau plug in untuk diterapkan kedalam blog maupun proyek anda lainnya dan untuk hosting CSS maupun Audio MP3 di dropbox ini sama saja seperti langkah diatas. Good luck & Happy Coding!