Blogger css ve javascript dosyalarını Google Drive üzerinden çalıştırmak
24 Temmuz 2016 Pazar
Add Comment
Blogger css ve javascript dosyalarını Google Drive üzerine yükleyerek bloğunuza istediğiniz widget yada özellikleri ekleyebilirsiniz.
Bildiğiniz gibi Blogger üzerine görsel harici yükleme yapamıyoruz. Dolayısıyla tasarımlarda yada widgetlar içerisinde kullanılan css ve js dosyalarını harici kaynaklardan yüklemek gerekiyor. Bu kaynaklar içerisinde en sağlam ve hızlı olanı elbette Google Drive.
Google Drive üzerine istediğiniz kadar dosya yükleyebilir ve bu dosyaları dilediğiniz yerde kullanabilirsiniz. Bu makalemde Blogger’da kullanmak için js ve css dosyalarını Google Drive üzerine nasıl yükleyip, sayfamızda kullanabileceğimizi anlatacağım.
Blogger css ve javascript dosyalarını Google Drive üzerine yüklemek
Öncelikle Google Drive sayfasına gidiyoruz. Sol menüden Yeni butonuna tıklıyoruz. Açılan küçük menüdeKlasör, Dosya Yükleme ve Klasör yükleme seçeneklerini görebilirsiniz.
Klasör : Yeni bir klasör oluşturarak bu klasör içerisine dosyalarınızı yükleyebilirsiniz.
Dosya Yükleme : Tek yada toplu dosya yükleme yapabilirsiniz.
Klasör Yükleme : klasör halinde yükleme yapabilirsiniz.
Ben bu anlatım için Dosya Yükleme seçeneğine tıklıyorum. Açılan dosya yükleme penceresinden yüklemek istediğim dosyayı seçip Tamam tıklıyorum ve anında dosya yüklenmeye başlıyor. Yüklemeler arasındaki yerini alıyor.
Ben örnek olması açısından ornek.css dosyasını kullandım. Yüklediğimiz dosyaya sağ tık yapıyoruz ve Paylaşılabilir Bağlantıyı Al seçeneğini seçiyoruz.
Bağlantı otomatik olarak panoya kopyalanacaktır.
Kopyalanılan adres aşağıdaki gibi bir bağlantı olacaktır.
https://drive.google.com/open?id=0B9PHeW8ibG4GYVdhSUJEM0haZFk
Bu URL bizim kullanmamız için uygun değil. Biz bu URL üzerinde küçük bir değişiklik yaparak bu dosya adresini istediğimiz yerde kullanabileceğiz.
URL nin ilk kısmında yer alan https://drive.google.com kısmını https://googledrive.com/host/ ile değiştiriyoruz. Ve open?id= kısmını silerek en sonda yer alan rakam ve harflerden oluşan adresi ekliyoruz. Yani URL’nin son hali aşağıdaki gibi oluyor.
https://googledrive.com/host/0B9PHeW8ibG4GYVdhSUJEM0haZFk
Bu adresi dilediğimiz yerde kullanabiliriz.
Blogger’da bu css dosyasını aşağıdaki gibi kullanabiliriz. Blogger tasarımının içerisine </head> tagından önce aşağıdaki gibi ekliyoruz ve kaydediyoruz.
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9PHeW8ibG4GYVdhSUJEM0haZFk" />
Aynı şekilde birden fazla dosyayı da eklemeniz mümkün. Js dosyaları , resim dosyaları yada medya dosyalarını da yükleyebilirsiniz. İzlemeniz gereken yol aynıdır.
0 Response to "Blogger css ve javascript dosyalarını Google Drive üzerinden çalıştırmak"
Yorum Gönder