Google Drive'ın bize ücretsiz olarak sunduğu dosya paylaşma sistemi ile dosyalarımızı,fotoğraflarımızı,dokümanlarımızı ve diğer verilerimizi paylaşabildiğimiz bir bulut sistemidir.
Biz google drive dosya paylaşma özelliğini kullanıp önceki makale de anlattığım sıkıştırmış olduğumuz javascript ve Css kodlarını google drive a yükleyip hem sitemizi hızlandırmış olacağız hemde dosyaların silinme derdinden kurtulmuş olacağız.
Javascript ve Css Dosyaları Google Drive a Nasıl Yüklenir ?
Aşağıdaki adımları dikkatle uygulayınız.
- Google drive adresine girip google hesabınızla oturum açın.
- Daha sonra sol tarafta bulunan Yeni butonuna tıklıyoruz ve Dosya yükleme seçeneğini seçiyoruz.
- Javascript veya Css dosyasını seçiyoruz.
- Kısa bir süre içerisinde yüklenecektir.
- Yükleme işlemi tamamlandığında sağ alt köşede bildirim alacaksınız.Aynı bildirim kutusunun içerisinde ''Paylaş'' seçeneğine tıklıyoruz.
- Çıkan ekran da ''Gelişmiş'' butonuna tıklıyoruz.
- Karşımıza aşağıdaki gibi bir görüntü çıkacak.Bu bölümde ''Değiştir'' butonuna tıklıyoruz.
.png "google drive dosya paylaşma")
.png "google drive dosya paylaşma")
- Yine karşımıza aşağıdaki gibi görüntü gelecektir.Burada ise resimde gördüğünüz gibi ''Herkese açık'' olarak işaretleyip Kaydet butonuyla kaydediyoruz.Not:Herkese açık olarak işaretlemeyi sakın unutmayın.
.png "blogger google drive dosya yükleme")
- Daha sonra karşımıza çıkan bölümde fotoğrafta gördüğünüz gibi bir bağlantı verecek.Biz bu bağlantıyı kopyaladıktan sonra ''Tamamlandı'' butonu ile işlemleri tamamlıyoruz.Kopyalamış olduğumuz linki tarayıcının adres çubuğuna yapıştırıyoruz ve kodlarımız ekrana gelecektir.
- Adres çubuğunda yer alan linkin aşağıdaki örnekteki gibi sadece renkli kısmını seçip kopyalıyoruz.
- Şimdi aşağıda verdiğim kodların içerisine uygun yere kopyaladığımız kodu yapıştırıyoruz.
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/kopyalanan kod buraya gelecek" />
Eğer bir javascript kod ise yine aşağıdaki renkli yere kodu yapıştırıp Şablon>>Html yi düzenle yolunu takip edip </head> kodunun hemen üzerine yapıştırın.
<script type="text/javascript" src="https://googledrive.com/host/kopyalanan kod buraya gelecek"></script>
Bütün işlemler bu kadar.Biraz zor görünse de bir kaç defa yapınca alışacaksınız.Bu yöntemin faydalı yönleri hem kodların silinme derdinden kurtulmuş olduk hemde kodları sıkıştırarak daha hızlı yüklenmesini yani sitenin açılış hızını yükseltmiş olduk.
Önemli Not:Bu işlemleri google pagespeed aracında sitenizin hızını değerlendirip çıkan sonuçlarda ''sıkıştırmayı etkinleştirin'' bölümündeki bütün javascript dosyaları için yapabilirsiniz.
Bu konuyu öğrendiğimize göre Site hızlandırma teknikleri adlı makaleyi okuyabilirsiniz.
Denemekten Korkmayın !! Ama yine de Bu işlemleri yapmadan önce temanızın yedeğini alsanız hiçde fena olmaz.
Önemli Not:Bu işlemleri google pagespeed aracında sitenizin hızını değerlendirip çıkan sonuçlarda ''sıkıştırmayı etkinleştirin'' bölümündeki bütün javascript dosyaları için yapabilirsiniz.
Bu konuyu öğrendiğimize göre Site hızlandırma teknikleri adlı makaleyi okuyabilirsiniz.
Denemekten Korkmayın !! Ama yine de Bu işlemleri yapmadan önce temanızın yedeğini alsanız hiçde fena olmaz.
cok kullandigim bir uygulama. ogretmen olunca ozellikle yazililar ornek sorular ders anlatimlari nerede lazim olacagi belli olmuyor.
YanıtlaSilGüzel ve başarılı bir anlatım olmuş.
YanıtlaSilsitenizi takip ediyorum cok güzel paylaşımlarda buluyosunuz.paylaşımlar için teşekkür ederiz.
YanıtlaSilGüzel Paylaşım
YanıtlaSilGüzel bir anlatım olmuş. Teşekkür ederim.
YanıtlaSilgüzel bir bilgi benim teldede var durmadan oraya güncelleme atıyor
YanıtlaSil