
Blogger web sitesi oluşturmak isteyenler yada blogununa yeni bir tasarım kazandırmak isteyen blogclar için, Google'un da önem verdiği ve önerdiği Githud ile CSS, JS ve HTML kodlarınızı güvenli ve kolay bir şekilde barındırabilirsiniz. Daha önce yayınlamış olduğumuz "Blog'a CSS ve JavaScript Google Drive'dan Host Dosyası Oluşturma" konulu yazı ile blogculara Google Drive hakkında önemli bilgiler vererek Js, CSS ve HTML Host Dosyası oluşturmayı anlatmıştık.
Githud özgür yazılım projeleri için bir web depolama servis sağlayıcısı ve Githud sanal hosting işbirliği ile dünyanın en popüler web sitesidir. Bu ek olarak Githud'da depolama veya güncelleme dosyası olan MaxCDN sunucusu ile ücretsiz olarak JS, CSS ve HTML dosyalarını barındırmada popüler.
Neden Githud kullanmalıyız?
Google Drive son zamanlarda 429 HATA'sı vermeye başladı. Bu birazda sınırlandırma ile ilgili bir sorun, bu sorunları yaşamamak ve daha hızlı olan Githud'un MaxCDN sınırsız erişimi sayesinde giderebilirsiniz.Github ile JS, CSS ve HTML dosyaları nasıl oluşturulur?
Aşağıdaki adımları takip ederek Github ile JS, CSS ve HTML dosyası oluşturabilirsiniz.1. Githud sitesine buradan erişim sağlayarak bir Githud hesabı oluşturun ve giriş yapın.
2. Sonra sağ üst köşede bulunan artı (+) işaretine tıklayın. Açılan menüden New repository (Yeni depo oluştur) sekmesine tıklayın.

3. Bir sonraki sayfada aşağıdaki resimdeki gibi dosyanızın bilgilerini oluşturun ve Create repository butonuna tıklayın.



5. Dosya kaydedildikten sonra, mause imlecini resimdeki gibi kodun üzerine gelin ve sağ tıklayın ve bağlantı adresini kopyalayın.

6. Şimdi Githud üzerinde oluşturmuş olduğumuz ham dosyaları blogger web sitesi yada web sitelerinde kullanmak için bir sonraki adım olan RawGit sayfasına giderek, aşağıda resimdeki gibi kopyaladığınız kodu yapıştırın. Otomatik olarak kodlar oluşturulacaktır. Daha sonra cdn.rawgit.com URL'sini kopyalayın.

7. Oluşturmuş olduğunuz JS, CSS ve HTML kodları blogger web sitesi yada web sitelerine eklemek için aşağıdaki gibi düzenleyin.
Eğer kodlarınızı <body> - </body> kodları arasına eklemek istiyorsanız aşağıdaki örnek kodu kullanın.
<script src="https://cdn.rawgit.com/BloggerEklentileri/pages-HTML/master/be.js" type="text/javascript"></script>
Eğer kodlarınızı <head> - </head> kodları arasına eklemek istiyorsanız aşağıdaki örnek kodu kullanın.
<link rel="stylesheet" type ="text/css" href="https://cdn.rawgit.com/BloggerEklentileri/pages-HTML/master/be.js"/>
Yorum Gönder