Cara Host Css Dan File Javascript Blogger Di Google Drive

Siapa pun yang pernah bermain/bekerja pada desain web, penting untuk tetapkan dimana anda akan menyimpan file. Setiap kali seseorang mengunjungi situs anda, server atau host akan mengakses lokasi tersebut dan membawa file yang relevan yang perlu ditampilkan.

Di mana pun anda tetapkan untuk menyimpan file Anda, ini akan berdampak pada beberapa aspek penting menyerupai kecepatan situs anda, peringkat SEO anda secara keseluruhan dan kemampuan anda untuk menciptakan pembiasaan yang diharapkan untuk situs.


Hal Yang Di Pikirkan

Ketika anda sedang merancang struktur online anda dan di mana untuk menyimpan CSS penting Anda dan file JavaScript, bagaimana keputusan perihal ini akan berdampak situs Anda di kemudian hari:

Kecepatan Memuat Situs 

Dengan menggabungkan beberapa stylesheet dan file website, server blogger hanya mempunyai satu lokasi untuk mengumpulkan informasi. Ketika anda memisahkan file atau desentralisasi sistem file, dibutuhkan waktu yang lebih usang untuk semua data hingga bahu-membahu untuk menciptakan situs anda terbentuk. 

Kecepatan bongkar Lambat sanggup berdampak negatif terhadap peringkat SEO anda alasannya yaitu lambat situs tersebut, semakin kecil kemungkinan bahwa pengunjung akan menunggu untuk memuat.

Jika seseorang mengunjungi situs anda dan segera mengklik tombol 'kembali' alasannya yaitu itu terlalu usang untuk memuat, yang akan meningkatkan tingkat bouncing dan mengatakan Google dengan statistik yang memperlihatkan situs anda mempunyai kualitas rendah atau tidak relevan dengan kata kunci pencarian.

Berkas Storage Mempengaruhi SEO

Di samping meningkatkan tingkat bouncing, menyimpan file di satu lokasi pusat dan mengelola nama file anda sanggup mempengaruhi situs SEO. Web crawler didaftarkan oleh Google, atau beberapa mesin pencari lainnya, indeks kedua isyarat di situs anda, dan nama dan direktori file anda. 

Jika nama file yang acak atau tidak ditempatkan dalam kategori yang tepat, web crawler tidak akan tahu apa yang harus dilakukan dengan isu tersebut. Struktur Batal berkas dan lokasi pusat mengatakan insentif untuk mengatur segala sesuatu dan namanya secara tepat. Semua konten yang relevan dengan subjek situs web atau blog akan berada di lokasi yang sama untuk ditinjau web crawler.

Lokasi Penyimpanan Mempengaruhi Kemampuan Editing

Menyeret melalui file dan folder atau membuka koneksi FTP hanya untuk menciptakan beberapa pengeditan sederhana bisa menjadi masalah, dan menghabiskan banyak waktu yang bisa kita habiskan untuk menulis konten baru. Jika anda pemilik situs Blogger, ini yaitu sesuatu yang harus pikir.

Bila Anda perlu menciptakan perubahan untuk hal-hal menyerupai tombol media umum share, widget postingan populer, postingan terbaru dan postingan terkait, Anda harus tahu di mana semuanya is define to load atau risiko kehilangan, baik konten yang tersedia dan uang. 

Beberapa situs yang lebih besar yang menghasilkan ratusan artikel unik setiap bulan tidak mempunyai konten di lokasi yang berbeda. Ketika artikel mulai tersesat rusak, mereka menjalankan risiko duplikasi konten di situs mereka, atau lupa untuk memasukkan. Hal harus sempurna di ujung jari anda untuk meminimalkan kesalahan dan mengurangi jumlah waktu yang dihabiskan mengedit situs, sementara itu masih work.

Menyimpan File Javascript/CSS Dengan Google Drive

Menyimpan Blogger CSS dan file JavaScript dengan Google Drive akan membantu untuk menghilangkan salah satu dilema yang disebutkan di atas dan mengurangi kekacauan di antara layanan Anda. 

Mengambil metode ini sanggup meningkatkan kecepatan situs Anda, meningkatkan peluang untuk kampanye SEO yang sukses, dan menciptakan hidup Anda jauh lebih mudah. ​​Google Drive menyediakan jumlah ruang yang cukup untuk menyimpan file besar, dan memperlihatkan layanan kerja sama sehingga Anda sanggup bekerja di antara tim yang berbeda anggota pada proyek yang sama. 

Beberapa file yang Anda upload ke layanan cloud sanggup tetap tidak dipublikasikan dan tinggal di dalam situs pribadi, sedangkan file lain menyerupai posting blog sanggup dipublikasikan atau disimpan ke situs umum. 

Fitur lain yang menguntungkan menyimpan semua file blogger anda di Google Drive bahwa itu sangat aman. Google tiba dengan proteksi dari salah satu perusahaan terkemuka di dunia teknis sehingga anda sanggup yakin konten anda kondusif dari hacker dan mereka yang mencari dan berkompromi dengan situs anda. 

Panduan ini akan mengatakan petunjuk langkah demi langkah perihal cara setup situs Blogger Anda memakai Google drive. Ini benar-benar free untuk mengambil laba dari taktik ini, dan akan menyediakan Anda dengan landasan yang kokoh untuk membangun blog Anda.

Langkah 1. Siapkan CSS / Files JavaScript

  • Pertama, kita perlu menciptakan file yang kita butuhkan untuk menjadi tuan rumah. Untuk menjadi tuan rumah file CSS, buka Notepad dan paste isyarat CSS (jika tertutup dalam <style> dan </ style>  tag, silahkan di hapus). 
  • Dalam sajian Notepad, pilih 'File'> 'Save as' dan ketik nama file dengan ekstensi .css menyerupai yang saya lakukan dengan mycssfile.css - lihat screenshot di bawah ini.
     penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive

  • Pada jendela yang sama, pilih "Semua file" di "Simpan tipe sebagai" pilihan dan mengatur Encoding Karakter untuk UTF-8. 
  • Jika anda ingin meng-host file JavaScript, tambahkan ekstensi .Js (bukan css) pada selesai nama file Anda (hapus  <script> ... </ script> kalau Anda melihatnya). Klik "Simpan" dan arahkan ke lokasi di mana anda ingin menyimpan file. 

Langkah 2. Upload File di Google Drive

  • Akses https://drive.google.com dan login dengan akun gmail anda. Setelah anda login, klik pada tombol 'Create' dan menambahkan folder gres yang terpisah untuk meng-upload file JavaScript dan CSS.
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive

  • Buka folder yang gres dibuat, dan klik pada tombol Upload dengan panah ke atas untuk menentukan file yang anda butuhkan untuk diupload.
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive



  • Sekarang, arahkan ke lokasi di mana Anda menyimpan file, select (untuk menentukan beberapa file, tekan dan tahan tombol Ctrl pada keyboard Anda dan kemudian klik pada filenya) dan tekan tombol Open.
  • Setelah file berhasil diupload, klik kanan pada nama file (untuk menentukan semua file dalam folder, klik kotak centang) dan pilih 'Share':
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive

  • Pada jendela 'Sharing Setting', klik pada link 'Change' dan menentukan pilihan 'public on the web' . Tekan 'Save' dan copy link dari file upload anda dari 'Links to share' kotak disorot dengan warna biru, kemudian paste ke Notepad untuk menggunakannya nanti.

Langkah 3. Bagaimana menambahkan CSS file / JavaScript Eksternal untuk Blogger

Sebelum anda sanggup memakai link, anda harus mengganti 'https://drive.google.com/file/d' ke 'https://googledrive.com/host' dan hapus '/edit?Usp=sharing' di link. misalnya, link untuk mycssfile.css menyerupai ini:

https://drive.google.com/file/d/0B4n9GL3eVuV-TkphMkc3SFR2Slk/edit?usp = sharing

Perhatikan bab warna biru sehabis bagian"/file/d/". Itu yaitu file ID yang dipakai untuk mengaksesnya melalui layanan hosting baru. itu harus dimulai dengan URL berikut:

https://googledrive.com/host/

Tambahkan ID file menyerupai ini (hapus bab '/edit?usp=sharing'):

https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk

Sekarang login ke akun Blogger anda, pilih blog dan pergi ke Template > Edit HTML. Klik di mana saja di dalam area isyarat dan tekan tombol CTRL + F untuk membuka kotak pencarian:
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive

Jika Anda ingin menambahkan file CSS, ketik tag berikut di dalam kotak pencarian dan tekan Enter untuk menemukannya:

<Head>

Hanya diBAWAH tag <head>, tambahkan baris ini:

<link rel = "stylesheet" type="text/css" href = " https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk " />

Dan ganti  https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk dengan link file CSS Anda:

Jika Anda ingin menambahkan file Javascript, cari tag berikut:
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive
</body>
Dan tambahkan baris ini hanya diATAS tag </body>:
<script src = 'https://googledrive.com/host/0B4n9GL3eVuV-eVYwLXBrTlZrVDg ' type = 'text/javascript'> </script>
Ganti baris biru dengan URL anda:
 penting untuk tetapkan dimana anda akan menyimpan file Cara Host CSS dan File JavaScript Blogger di Google Drive

Akhirnya, tekan tombol 'Save template' untuk menyimpan perubahan. Dan Anda selesai!

Kesimpulan

Setelah anda berhasil menyimpan semua folder file dan ditutup dari drive. Buka situs anda di browser dan pastikan bahwa semua perubahan yang sudah berhasil diselesaikan. 

Lain kali, kalau anda ingin mengedit setiap isu atau memindahkan file internal, yang harus dilakukan yaitu membuka folder Google Drive di akun dan menciptakan modifikasi dari lokasi itu. File-file akan secara otomatis sync ke folder online dan menciptakan update ke situs Anda.

Ini juga bekerja kalau Anda ingin mengubah tampilan dengan memodifikasi isyarat CSS untuk memperpanjang header, footer, atau menciptakan kustomisasi. Seperti yang Anda lihat, mengubah penyimpanan file Anda dikeluar sehingga CSS dan JavaScript disimpan di akun Google Drive Anda gampang dilakukan dan hanya membutuhkan waktu beberapa menit. 

Setelah Anda menciptakan perubahan, Anda sanggup mulai mendapat manfaat dari kecepatan loading lebih cepat, peringkat SEO yang lebih tinggi, dan secara keseluruhan platform yang lebih nyaman untuk meningkatkan efisiensi kerja Anda.

Sumber https://duniatutorials.blogspot.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel