GitHub .js ve .css Dosya Upload Etme [Blogger]

Blogger'ın kendi host özelliği olmadığı için dışarıdan destek almak gerekiyor. JavaScript ve CSS dosyalarını Google Drive'ı host gibi kullanarak bloglarımız için kullanabiliyorduk. Ancak Google Drive host özelliğini iptal edene kadar. Bunun üzerine biraz araştırma yaptım ve alternatif olarak GitHub sitesinin host olarak kullanılabildiğini öğrendim. Deneme olarak bir .css dosyası upload ettim ve işe yaradığını gördüm. 

GitHub sitesini kullanmanız için ilk önce üye olmanız gerekiyor. github.com

Üye olduktan sonra mail adresinize gelen onaylama linkine tıklayarak, hesabınızı onaylatın.

Artık gerekli işlemleri yapmaya başlayabiliriz. İlk önce proje başlatıyoruz. Start a project butonuna tıklayın.

Repository kısmına bir isim verin. Public ve Private seçeneklerinden Public'i seçin ve Create repository butonuna tıklayın. 

Tıkladıktan sonra karşınıza gelen bölümden README linkine tıklayın.

README bağlantısına girdikten sonra açılan sayfada aşağıya inip Commit new file butonuna tıklayın.

Daha sonra üst kısımdan Settings seçeneklerine girin.

Settings sayfasında aşağıya inin ve GitHub Pages bölümündeki Automatic page generator içindeki launch butonuna tıklayın.

Açılan bölümde en aşağıdaki Continue to layouts butonuna tıklayarak devam edin.

Karşınıza çıkan index önizlemesi üzerinde olan Publish Page butonuna tıklayın.

Aşağıdaki sayfa karşınıza gelecek. Branch kısmından yeni bir isimde branch oluşturun.

Branch oluşturulduktan sonra Create new file butonuna tıklayın.

Dosyamıza javascriptdosyasi.js ismini verdik. Javascript kodları ise aşağı yazan kısma gelecek.

Oluşturulan dosyayı kaydetmek için Commit new file butonuna tıklıyoruz.

Görüldüğü üzere .js dosyası yüklendi.

 

Bu dosyayı kullanmak Blogger'da çağırabilmemiz için aşağıdaki gibi bir url yazmamız lazım.

http://kullaniciadi.github.io/repository-adi/dosyaismi.js

Bizim oluşturduğumuz .js dosyasının url'si aşağıdaki gibidir.

http://inekvar.github.io/dosyalar/javascriptdosyasi.js

Aynı yükleme işlemini .css dosyaları içinde yapabilirsiniz. Daha sonra bu oluşturduğunuz url bağlantıları Blogger içerisinde aşağıdaki kodlar ile çağırılır.

JavaScript dosyası için - <script src="dosya.js"></script>

CSS dosyası için - <link rel="stylesheet" href="dosya.css" />

Bir sorun yaşarsanız yorum yaparak bu sorunu belirtebilirsiniz.