18 November 2014

Kelola Javascript dan CSS di Google Drive

Kelola Javascript dan CSS di Google Drive - Trikjoker.Net . Seperti yang telah saya sampaikan pada halaman sebelumnya tentang Cara Membuat File di Google Drive. File seperti JS (Javascript) dan CSS (Cascading Style Sheets) adalah bagian penting dalam membangun sebuah situs seperti blog. Di Google Drive anda juga bisa membuat atau menggunggah file seperti JS dan CSS lalu bisa digunakan untuk keperluan situs web/blog.

Pertama anda harus tahu cara mengunggah atau membuat file di Google Drive dahulu, silakan klik di sini untuk mempelajarinya. Sedikit petunjuk, bila anda akan menggunggah JS maka simpanlah kode script-nya ke notepad dan beri nama dengan ekstensi .js seperti contoh related-post.js, begitu pula dengan css dengan ekstensi .css.

Kelola Javascript dan CSS di Google Drive
Kelola Javascript dan CSS di Google Drive
Setelah anda meng-upload atau membuat file JS atau CSS nya, silakan klik atau buka file nya di Google Drive. Maka akan terbuka sebuah jendela seperti frame seperti yang terlihat pada gambar di atas. Lalu silakan klik menu Bagikan yang berikon manusia dan tambah seperti yang ditunjukan dengan lingkaran merah kecil pada gambar di atas.

Setelah ikon menu Bagikan diklik maka akan muncul sebuah frame perintah yang mana berguna untuk pengaturan kode agar bisa digunakan oleh kita di blog/web. Perhatikan gambar di bawah.

Kelola Javascript dan CSS di Google Drive (2)
Kelola Javascript dan CSS di Google Drive (2)
> Silakan klik kolom yang ditandai warna merah, itu untuk mengatur supaya kode bisa digunakan oleh kita bahkan oleh teman. Pengaturan yang baik seperti yang terlihat pada gambar (2) Anyone on the internet can find and view.

> Untuk yang ditandai dengan warna kuning, silakan copy alamat url tersebut dan paste ke notepad. Supaya kode itu bisa digunakan layaknya script di blog/web maka kita perlu sedikit merubah alamat url nya. Perhatikan penjelasan contoh di bawah.

Sebelum: https://drive.google.com/file/d/0B85ycU8-N6hidEZHU3BwSGF0VHM/view?usp=sharing
Setelah  : https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM

Anda bisa perhatikan urutan  url dan penempatannya, yang digaris bawahi adalah kode yang harus anda salin. Dan terakhir, untuk penggunaan di web/blog nya adalah seperti berikut.

Javascript: 
<script async='asyncsrc='https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM' type='text/javascript'></script>
CSS:
<link href='https://googledrive.com/host/0B85ycU8-N6hidEZHU3BwSGF0VHM' rel='stylesheet' type='text/css'/>
Silakan buka alamat url yang sudah diedit seperti contoh di atas di browser, maka akan muncul kode yang telah anda upload di Google Drive. Selamat mencoba.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Kelola Javascript dan CSS di Google Drive

  • Cara Claim Web/Blog di Alexa Terbaru 2014 Trikjoker.net - Alexa adalah sebuah situs yang sampai sekarang menjadi tolak ukur bagi para webmaster tentang popularitas website/blog-nya di dunia internet. Hampir seb ...
  • Setelan Robots.txt Untuk Smartphone Jocker ID - Sudah lama saya tidak membagikan artikel yang berkaitan dengan blogger. Walaupun akhir-akhir ini saya sering membagikan hal-hal yang berkaitan dengan trik i ...
  • Sticky Widget, Fix on Top While Scrolling Jocker ID - Sedikit kebingungan juga memberi judul pada artikel ini, tapi bila menggunakan bahasa Inggris sepertinya judul ini tampak keren daripada yang lainnya. Artik ...
  • Iklan Baris Gratis GZ-A.BIZ TRIKJOKER.NET - Hal yang gratis memang sangat banyak dicari baik itu di dunia nyata maupun di dunia maya. Seperti kebanyakan tema blog ini yang bernuansa berbagi gratis ...
  • Ribuan Blog Zombie Siap Register Trikjoker.net - Blog Zombie, blog apa itu? Siapa yang punya? Platform apa? Niche apa? Mohon jangan lontarkan pertanyaan seperti itu di muka saya. Bila anda masih bingun ...