Menu

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Site tasarımı ile uğraşan arkadaşların en büyük sorunu sunucudur yani dosyaların internet ortamına taşınmasıdır.Google Drive site tasarımcılarına bu imkanı bedava sunmaktadır.


Bu durumları göz önünde bulundurarak bedava sunucu hizmeti sunan Google Drive çok kullanışlı ve de google güvencesindedir.

Google Drive kullanıcıları için 15 GB depolama alanı sağlamaktadır.Disk alanı dolduğu zaman yeni hesap açmanız yeterlidir. Ancak isterseniz ücretini ödeyerekte kapasitenizi artırabilirsiniz. 

Hazırladığınız CSS dosyasını ve klasörlerini paylaşabilirsiniz.İsterseniz kodunuzu canlı olarak inceleyebilirsiniz.Ayrıca yayınlarınız HTTPS şifreleme sistemi ile şifrelenerek koruma altına alınmıştır.

Bu yazımızda Blogger CSS dosyalarını için Google Drive host olarak nasıl kullanacağınızı anlatacağım.

Google Drive kullanarak Blogger'da CSS Dosyaları Yayınlama Adımları

1. CSS Dosyasını Hazırlama

Blogger için Google Drive ile CSS dosyası barındırmak için,yapılması gereken ilk şey tüm CSS kodlarını boş bir Not Defteri içine kopyalamaktır.

Bu CSS dosyalarını nereden bulacağım diyorsanız,blogger kod sayfasını açtığınızda <b:skin><![CDATA[………………….]]></b:skin> kodları arasında kalan tüm mavi kodlar CSS kodlarıdır,bu kodlardan isterseniz bir kısmını isterseniz tamamını Google Drive yükleyebilirsiniz.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Bu kodlardan istediğiniz kadarını kopyalayıp Not Defteri ne aşağıdaki resimdeki gibi yapıştırınız.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Not Defteri menüsünden Farklı Kaydet seçeneğini seçiyoruz,kaydetmek için bir dosya ismi yazıyoruz ve sonuna (.css) diye yazıyoruz ve dosyamızı aşağıdaki resimdeki gibi bilgisayarımıza kaydediyoruz.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

3. Google Drive Klasör oluşturma
Google Drive giriş yaptıktan sonra Oluştur sekmesine tıklıyoruz,açılan aşağıdaki gibi menüden Klasör seçiyoruz,açılan pencereden klasöre bir isim verip Oluştura basıyoruz.Klasörümüz aşağıdaki gibi oluşur.İsterseniz klasör oluşturma adımını geçebilirsiniz.Direk olarak Google Drive ana sayfasına yükleme de yapabilirsiniz.Düzen açısından klasörde olması daha iyidir.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

4.Klasörümüze CSS dosyamızı Yükleme

Aşağıdaki resimde gösterildiği gibi yukarı ok tuşuna basıyoruz açılan yerden Dosya seçeneğini seçiyoruz.


Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Dosyamız bilgisayarımızda nerede yüklü ise aşağıdaki resimde olduğu gibi oradan uzantısı (.css) olan dosyamızı seçiyoruz.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama


Açık düğmesine basarak küçük bir yükleme sihirbazı ekranın sağ tarafında görünür.Genellikle yüklemek bir iki dakika sürer,ancak bu süre dosyanızın boyutunu ve internet bağlantınızın hızına bağlıdır.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Yükleme yapıldıktan sonra,"Paylaş" düğmesine basınız.Şimdi dosyayı internette paylaşıma sunmalıyız.Bunun için Değiştir’e basınız.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama


Açılan aşağıdaki gibi sayfadan Web Üzerinde herkese açık seçeneğini seçip en alta kaydet butonuna basıyoruz.Böylece dosyamız bütün internet kullanıcılarına sunulmuş oluyor.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

5. Bağlantı Adresini Kopyalama

Paylaşmak için bağlantı yazan yerden bağlantı adresimiz kopyalıyoruz.

Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama

Kod aşağıdaki gibi olacaktır.
https://drive.google.com/file/d/0By7Idpq5zcIoUmhZM3YwbDlKMWs/edit?usp=sharing

Bu kodun içerisinde bulunan karışık harf ve rakamlardan oluşan kırmızı olan yeri kopyalıyoruz.

----109 GB Bedava Depolama Alanları

6. Blogger İçin CSS Kodlarını Oluşturma ve Yükleme
Google Drive nin bize verdiği kodun içinden kırmızı ile belirttiğim yeri kopyalayarak aşağıda sarı ile belirttiğim yere yapıştırınız.

<link href='https://googledrive.com/host/0By7Idpq5zcIoUmhZM3YwbDlKMWs ' rel='stylesheet'/>

Hazırladığımız bu kodu Blogger kod penceresini açarak ​​<head> etiketini aratarak bulduğumuz ​​<head> hemen üstüne yapıştırıyoruz.Artık kendi sunucumuzda CSS kodlarımız barındırılmış olur.


Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

1 yorum ''Google Drive Kullanarak Blogger'da CSS Dosyaları Yayınlama"

YORUM EKLE
  1. teşekür ederim hocam Google Drive dosya yükleme hakkında verdiğiniz bilgiler çok işime yaradı.

    YanıtlaSil

Önerilen Yazı
×