Sharing Seputar Dunia Komputer, Blogging, Ms.Office dan Informasi

MEMBUAT HOSTING CSS & JAVASCRIPT DI GOOGLE DRIVE

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 :
Membuat hosting CSS dan Javascript di Google drive









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 :

Membuat hosting CSS dan Javascript di Google drive















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 :

Membuat hosting CSS dan Javascript di Google drive



















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

Membuat hosting CSS dan Javascript di Google drive
















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
Labels: BLOGGING

Thanks for reading MEMBUAT HOSTING CSS & JAVASCRIPT DI GOOGLE DRIVE. Please share...!

2 Comment for "MEMBUAT HOSTING CSS & JAVASCRIPT DI GOOGLE DRIVE"

Artikel yang bagus untuk cara membuat hosting css javasript, sangat bermanfaat sob. Salam kenal sob, ditunggu kunbalnya :)

Terima kasih atas kunjungannya mas...

Silahkan berkomentar dengan bijak dan sopan. Kritik dan saran Anda adalah masukan berarti bagi saya.

Back To Top