CSS ve JavaScript Dosyaları Google Drive İle Nasıl Host Edilir? (Resimli Anlatım)

Bugün yazacağım yazıdaki bilgilere birkaç gün önce ihtiyacım olmuştu. Blogger ile ilgili bu tip konularda yararlandığım bazı kaynaklar vardır (Blog Hocam'ın sıkı takipçisiyim), fakat oralarda da bulamadım. Son olarak ziyaret ettiğim İngilizce bir site derdime derman oldu. İhtiyacı olacaklara yardımcı olmak için bu yazıyı yazıyorum. Ayrıca sayfanın en altında, resimli anlatım da vardır. Tam anlamadığınız yere resimlerden bakabilirsiniz.

Girişi fazla uzatmadan konuya geçeyim. Bir blog ya da site sahibiyseniz, CSS veya JavaScript dosyalarınızı host edecek bir yere ihtiyacınız olabilir. Mesela ben blog için hazırladığım Arşiv sayfasını yaparken ihtiyaç duymuştum. Siz de sitenizin daha hızlı çalışması için böyle bir şeye başvurabilirsiniz.

Üreten: blunkswife
Google Drive ile dosyalarınızı çevrim içi ortamda saklayabilirsiniz. Bu yazı da, Google Drive'ı kullanarak, CSS/JavaScript dosyalarını host etmek hakkındadır.

Durumun mantığını izah ederek hemen nasıl yapıldığına geçeyim. Bu dosyalarınızı önce, dış kaynaklı bir site sayesinde host ediyorsunuz. Kendi sitenizde ihtiyacınız olduğu zamanlarda, host ettiğiniz sitedeki dosyanızın linkini gerekli kodların içine ekleyerek kullanıyorsunuz. Bu sayede siteniz daha hızlı çalışıyor. Hosting işlemleriniz için farklı siteler kullanabilirsiniz. Fakat benim bugün anlatacağım site Google Drive'dır. Bunun en büyük avantajı dosyalarınızın her zaman bir veri tabanında tutulacağının teminatını Google'dan almanızdır.

Google hesabınızın olduğunu varsayarak anlatmaya başlıyorum. Eğer yoksa, bir Google hesabı açmanız gerekmektedir.

1. Adım: CSS/JavaScript Dosyalarınızı Hazırlayın

• Not defterinizi açarak kullanacağınız kodları, not defterinin içerisine yapıştırın. Eğer kod <style>  </style> etiketleri arasındaysa, bu etiketleri silin.
• Daha sonra "Dosya > Farklı kaydet" ile dosyanızın uzantısını CSS için .css ve JavaScript için de .js yaparak kaydedin.

2. Adım: Dosyanızı Google Drive'a Yükleyin

• Google Drive'a giderek, Google oturumunuzu açın. Sol taraftaki "Yeni" butonuyla dosyanızı upload edin.
• Upload ettiğiniz dosyaya sağ tık yapıp "Bağlantı al"a tıklayın. Açılacak URL penceresinin altında "Paylaşım ayarları" yazan yere tıklayın.
• Bu şekilde aynı sayfa içerisinde bir pencere açılacak. Pencerenin üst kısmında bulunan option formundan "KAPALI - yalnızca belirli kişiler erişebilir" seçeneğini "Bağlantıya sahip herkes görüntüler" olarak değiştirin. Son olarak da "Bitti" butonuna tıklayın. Bu şekilde dosyanızı herkesle paylaşmış olursunuz.
• Google Drive'da yüklü olan dosyanıza tekrar sağ tıklayıp, "Bağlantı al" seçeneğini seçin ve açılan linki kopyalayıp bir yere yapıştırın.

3. Adım: CSS/JavaScript Dosyalarınızın Linkini Düzenleyin

• Biraz önce aldığınız bağlantıyı yeni bir sekmede açın. Açılan sayfanın linki şuna benzer bir şey olacaktır:

https://drive.google.com/file/d/0B9mRoW7CNTDyeWE5eHQzRWl0Ukk/view

• Buradaki "https://drive.google.com/file/d/" şeklinde olan kısmı "https://googledrive.com/host/" şeklinde değiştirin ve linkin sonundaki "/view" yazısını da silin.
• Burada dikkat etmeniz gereken nokta, yukarıdaki linkin kırmızıyla gösterilen kısmına bir değişiklik uygulamamanızdır.
• Sonuç olarak elimizdeki bağlantı şöyle bir şey oldu:

https://googledrive.com/host/0B9mRoW7CNTDyeWE5eHQzRWl0Ukk

• Örnek olarak benim JavaScript dosyama bakabilirsiniz: https://googledrive.com/host/0B9mRoW7CNTDyeWE5eHQzRWl0Ukk
• Benim dosyamın linkine baktıysanız, JavaScript kodumun Google Drive'da nasıl host edildiğini görürsünüz. Artık blogumda bu koda ihtiyacım olursa şu şekilde kullanabileceğim:

<script src='https://googledrive.com/host/0B9mRoW7CNTDyeWE5eHQzRWl0Ukk' type='text/javascript'></script>

Resimli anlatım

İlk resme tıklayıp, sıra sıra göz atabilirsiniz.



Umarım ihtiyacınızı karşılayacak bir yazı olmuştur. Bu tip faydalı yazılardan haberdar olmak için Twitter'da takipçim olabilirsiniz. Eğer zorlandığınız bir kısım olursa, yorum kısmından sorabilirsiniz. Peki sizin kullandığınız daha basit bir yöntem var mı?