Cara Hosting Javascript CSS HTML Ke Google Drive

Cara Hosting Javascript CSS HTML Ke Google Drive
>

Cara Hosting Javascript CSS HTML Ke Google Drive

Disini saya akan memberikan satu cara untuk mempercepat loading blog di wordpress maupun blogger, dengan cara hosting javascript dan css blog pada google drive dengan mode async maupun defer dengan cara onload dalam url google drive, perlu anda ketahui bahwa semua javascript dan css di dalam blog wajib anda hosting agar kecepatan loading blog menjadi ringan dan meningkatkan pendapatan google adsense, mengoptimalkan seo visitor di dalam blog, dan masih banyak lagi keuntungan dalam mengelola website sebagai pengoptimalan terpenting blog anda.

Perlu anda ingat sebelum melakukan hal ini adalah carilah 1 template yang menurut anda template mobile friendly dan responsive atau template blog berita blogger, setelah anda cocok dengan template anda maka selanjutnya boleh anda memodifikasi template untuk kecepatan loading blog dan tampilan yang menarik, meringankan beban loading blog dengan mode hosting ke javascript adalah cara gratis dan sederhana namun sangat bermanfaat untuk kelangsungan blog, seperti dalam memperbanyak visitor pengunjung blog dan website juga menjadi seo friendly.

LANGKAH AWAL PANDUAN UNTUK HOSTING JAVASCRIPT DAN CSS KE GOOGLE DRIVE

Untuk menghosting file javascript demi kecepatan loading langkah pertama anda masuk ke situs google drive disini dan segera daftar dan login email kalian, setelah kalian sudah daftar maka tahap selanjutnya adalah mengamati template pada edit html blog kalian di atas kode </body>, biasanya disana terletak banyak skali javascript, disini saya akan memberi contoh menghosting javascript google adsense ke google drive.

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle ( javascript google adsense )

Copy javascript onload berikut pada notepead

<script type='text/javascript'>
//<![CDATA[

function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/XXXXXXXXXXXXXXXXXXXX/adsense.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Yang saya tandai XXXXX tersebut adalah calon ID Share Google drive yang akan anda dapatkan setelah hosting js adsense.

Copy script berikut di notepead dan save nama bebas dengan akhiran .js, misalnya adsense.js


(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();


Setelah sudah anda save maka silahkan buatkan folder dengan nama adsense seperti gambar
Cara Hosting Javascript CSS HTML ke Google Drive
Sesudah anda membuat folder adsense maka masuk ke folder yang baru anda buat tadi dan upload file adsense.js yang tadi anda save pada notepead.
Cara Hosting Javascript CSS HTML ke Google Drive
Setelah anda selesai upload silahkan klik kanan file adsense.js tadi dan klik bagikan, klik opsi lanjutan, di pengaturan bagikan tersebut silahkan anda rubah ke public seperti gambar.
Cara Hosting Javascript CSS HTML ke Google Drive
>>>>> Rubah juga pada folder utama menjadi public, dan klik save.<<<<<

Selanjutnya ambil url share tersebut dengan copy menggunakan CTRL+C dan pastekan dengan CTRL+V ke notepead.
Cara Hosting Javascript CSS HTML ke Google Drive

https://drive.google.com/open?id=0B90myb_0J7-wS25vc0gzMVJVcVE

seperti diatas ini adalah url share maka ambil id yang saya tandai merah dan pindah ke url berikut

Maka jadinya seperti begini https://googledrive.com/host/0B90myb_0J7-wS25vc0gzMVJVcVE/adsense.js

Nama adsense.js adalah nama dari file yang anda upload tadi harus sama.

Selanjutnya anda masukan url tersebut ke sini

<script type='text/javascript'>
//<![CDATA[

function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0B90myb_0J7-wS25vc0gzMVJVcVE/adsense.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

lalu letakan di atas kode </body>, silahkan anda hapus semua kode javascript adsense di edit html seperti ini https://pagead2.googlesyndication.com/pagead/js/adsbygoogle karena sudah tergantikan dengan di atas.

Share This :

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 comments

gan puna saya kok error ia ndak bisa conver linknya... saran dong gan..
nih linknya http://safelink-25.blogspot.com

Balas

coba baca ini http://www.gilang-access.com/2016/06/membuat-safelink-sendiri-di-blog-aman.html

Balas

Dilarang keras menggunakan URL link hidup dalam bentuk apapun !!

Untuk Menghargai Upaya Kami Mengembangkan Website Dengan Memberikan Informasi Bermutu, Disable Adblock Killer Anda Guna Membantu Kami Membiayai Demi Kemajuan Blog Gilang Access..

Please Reaload this blog in your ad blocker.

Thank you!