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

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.
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.
>>>>> 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.
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:

You Might Also Like:

Add your comment
Hide comment

Disqus Comments

Hot on this week: