MEMBUAT HOSTING CSS & JAVASCRIPT DI GOOGLE DRIVE

Posted by Tips dan Trik on

08 March 2015

Apakah itu hosting? saya rasa sahabat sudah memiliki jawaban pasti akan pengertian tersebut, kalau menurut saya hosting adalah sebuah layanan online baik berbayar atau gratisan untuk menyimpan berbagai macam file baik itu hanya sekedar untuk konsumsi pribadi atau dapat juga dishare secara online pula.

Nah, kalau anda seseorang pengelola blog maka pastinya sudah sangat akrab dengan kegiatan mengutak-atik blog baik itu untuk memodifikasi tampilan blog melalui penambahan kode CSS ( Cascading Style Sheet) atau menambahkan berbagai fungsi tertentu pada blog dengan kode-kode Javascript.

Sudah bukan rahasia lagi kalau kedua jenis kode tersebut sangat mudah untuk kita dapatkan melalui google, namun dalam penggunaanya bila kode-kode tersebut langsung digunakan maka akan berefek menambah waktu loading blog. Hal ini disebabkan karena jumlah pengguna kode tersebut sangat banyak yang tentunya akan membebani hosting (media asli penyimpanan file). Hehe..semoga sahabat tidak bingung dengan uraian saya ini.

Untuk mengatasi hal tersebut maka kita dapat menyimpan ulang berbagai source CSS dan Javascript yang ada di template blog pada layanan hosting gratis milik si Mbah yaitu Google drive. Langsung saja, berikut langkah-langkahnya :

1. Silahkah cari berbagai kode Javacript pada template, yang formatnya sebagai berikut :

<script src="http://contoh1.com/readmore_ku.js" type="text/javascript"></script>

Sedangkan CSS memliki format :

<link href="http://contoh2.com/templateblogku.css" rel="stylesheet" type="text/css"/>

2. Untuk melihat kode-kode tersebut silahkan anda copy & pastekan pada browser + enter hanya pada contoh kode seperti yang sudah saya tandai tersebut.

3. Copy & pastekan pada sebuah notepad semua kode yang telah terbuka tersebut, jangan lupa disetiap penamaan file disesuaikan dengan jenisnya.  Aturan penyimpanannya sebagai berikut : 

Pada File name : untuk file Javascript maka berilah akhiran .js sedangkan untuk CSS berilah akhiran .css

Save as type : All file

Encoding : ANSI

kemudian simpan file tersebut.

4. Sekarang bukalah https://drive.google.com/

5. Klik Unggah dan kemudian pilih file yang tadinya tersimpan pada notepad, berikut gambarnya :

6. Tunggu proses mengunggah/upload selesai, setelah itu klik tulisan berbagi yang terlihat pada pojok kanan atau klik kanan pada file kemudian pilih bagikan sampai terlihat tampilan seperti ini :

7. Kemudian klik Dapatkan tautan yang bisa dibagikan dan copy link tersebut pada notepad, pada contoh diatas link filenya adalah :

https://drive.google.com/file/d/0B8byfVcMwL48an1WMGxIdUVmVUU/view?usp=sharing

8. Klik Siapa saja dengan tautan dapat melihat kemudian pilih Lainnya :

9. Terakhir pada pilih berbagi tautan "Aktif - Publik di web" dan simpan seperti gambar berikut :

10. Terakhir pilih tab Beres untuk menyelesaikan seluruh langkah-langkahnya.

Nah sekarang untuk dapat menggunakan Googledrive sebagai media hosting gratis penyimpanan CSS dan Javascript coba anda perhatikan kode yang baru saja didapatkan dari hasil berbagi yaitu :

https://drive.google.com/file/d/0B8byfVcMwL48an1WMGxIdUVmVUU/view?usp=sharing

Format penyimpanannya sedikit berubah dan hanya mengambil sebagian kode yang telah ditandai hijau saja, seperti berikut :

https://googledrive.com/host/0B8byfVcMwL48an1WMGxIdUVmVUU

Untuk Javascript menjadi :

<script src="https://googledrive.com/host/0B8byfVcMwL48an1WMGxIdUVmVUU" type="text/javascript"></script>

Untuk CSS menjadi :

<link href="https://googledrive.com/host/ 

0B8byfVcMwL48an1WMGxIdUVmVUU" rel="stylesheet" type="text/css"/>

Demikian penjelasan saya tentang langkah-langkah membuat hosting CSS dan Javascript secara gratis dengan memanfaatkan Googledrive, semoga sedikit membantu.

<script <script src="http://contoh1.com/readmore.js" type="text/javascript"></script>
sedangkan kode CSS memiliki format :

<link
Copy bagian yang saya warnai tersebut dan pastekan pada browser+enter, sehingga seluruh kodenya terlihat. Untuk kode CSS maka format umum yang ada pada template adalah

<script

Ingin Penghasilan tambahan yang menjanjikan "KlIK DISINI"