Google Drive'da Blogger CSS ve JavaScript Dosyaları Nasıl Oluşturulur?
Web tasarım ve geliştirme bilgisine sahip olmanıza gerek yok. Blog yazarlarının bloglarında kullandıkları CSS ve JavaScript dosyalarını farklı sitelerden yada diğer bloglardan alarak bloglarını tasarlamakta ve bu da bloglarının yavaşlamasına ve hatta bu site ve blogların kapanması ile sağladıkları CSS ve JavaScript dosyalarının kaybolmasına ve emek vererek tasarladıkları blogun düzenin bozulmasına neden olmaktadır. CSS ve JavaScript dosyalarınızı saklamak için Google Drive bulunmaz bir nimettir. Google Drive ile blogunuza CSS ve JavaScript dosyalarını saklayarak host sağlayabilirsiniz. Bu sayede blogunuzun hızlanması ve SEO ayarlarının da yapılarak blog için önemli bir sorunu çözmüş olursunuz.
Blog CSS ve JavaScript Dosyaları Google Drive'e Nasıl Yükleyeceksiniz?
Önemli CSS ve JavaScript dosyalarını online olarak saklamak ve farklı tasarım ve hızlı bir bloga sahip olmak için bu yazımızı tamamen okumanızı ve sizinle paylaşmış olduğum kodlar ile rahatça CSS ve JavaScript dosyalarınızı Google Drive'ayükleyerek blogunuzda kullanabilirsiniz.
Blog Yüklenme Hızı Nasıl Etkilenir?
Stil dosyalırınız bazılarını birleştirerek blogunuzun sorgu sayısını düşürmüş olursunuz. Çünkü Blogger üzerinde dosyaların tek bir yerden çağrılması blogunuz hızlı yüklenmesine ve ziyaretçilerinizin rahat dolaşmasına imkan sağlayabilirsiniz. Blogunuzun yavaşlaması ve bir çok stil dosyasının farklı sunuculardan çağrılması blogunuzun açılış hızını önemli derecede etkilemekte ve SEO açısından da blogunuzun olumsuz etkilenmesine neden olmaktadır.
Blogunuzu da Yedekleyerek Google Drive'ı Depolama Olarak da Kullanabilirsiniz.
Blog dosya ve klasörlerini FTP bağlantı aracılığıyla basit düzenlemeler yaparak hem saklayabilir hem de blogunuzda kullanabilirsiniz. Bunları yapmak zaman alabilir. Fakat bir blog sahibiyseniz ve blogunuzun gelecekte daha iyi yerlerde olmasını istiyorsanız parmaklarınızın ucunda olan bu önemli bilgilerden faydalanmanız blogunuzun sağlığı açısından önemlidir.
Google Drive ile Blogger JavaScript / CSS Dosyaları Saklama
Blogger JavaScript ve CSS Dosyalarını depolamak yukarıda kısaca özetlemiş olduğumuz sorunları ortadan kaldırmak için ve yığılmalarıdan kurtulmak için bu yöntemi blogunuzda kullanarak blogunuzun hızlı ve blog SEO gibi önemli unsurlardan fayda sağlamış olacaksınız. Öncelikle Google Drive'nızı açarak bir kontrol ediniz.
1- CSS ve JavaScript Dosyası Oluşturma
Blogunuz için Host sağlayıcısı olarak işlev görecek olan dosyayı hazırlayalım. Bilgisayarınızdan Not Defterini açarak CSS kodlarını kopyalayarak Not defterine yapıştırın/ekleyin (Burada dikkat edilmesi gereken husus kodların etiketleri içinde olup olmaması, eğer varsa bu etiketleri kaldırın.) resim ekle
a- CSS için Not Defterinde Kayıt Türü olarak UTF-8 olarak ayarlıyoruz ve dosya adını dosyaadi.css gibi yazmalısınız yani önemli nokta şu doya adı .css ile bitmeli.
b- JavaScript yani .js dosyası için .css yerine dosyaadi.js gibi adlandırıyoruz.
2- Google Drive'a Dosya/Dosyaları Yükleme
Gmail hesabınızla Google Drive'a giriş yapıyorsunuz. Yeni butonuna tıklayarak Dosya yükleme diyoruz ve bilgisayarınıza kaydettiğiniz dosyayı yüklüyorsunuz.
- Burada yüklediğimiz dosyaları resimde gösterildiği gibi paylaşıyoruz.
-Ve şimdi alt resimde görüldüğü gibi paylaşılan kodu alıyoruz.
Aşağıdaki Google Drive'dan aldığımız kodu bir inceleyelim mavi ile renklendirilmiş kısım bizim blogumuza host sunucu görevini yapacak olan dosya kimliğidir.
<iframe src="https://drive.google.com/file/d/0B25x-zf4MlGwRzVzR0JRcnU0bjg/preview" width="640" height="480"></iframe>
Şimdi blogger'dan kodları eklemek istediğiniz blogun kumanda paneline gelerek Şablon > HTML'yi Düzenle diyoruz. CTRL+F yardımı ile yada
kodlarını arayarak kodları ekleme yapacağız.
a- CSS yada Js kodunu < /head > kodunun üst kısmına eklemek için aşağıdaki kodu kullanıyoruz.
a- CSS yada Js kodunu < /head > kodunun üst kısmına eklemek için aşağıdaki kodu kullanıyoruz.
<link rel="stylesheet" type ="text/css" href="https://googledrive.com/host/0B25x-zf4MlGwRzVzR0JRcnU0bjg"/>
b- CSS yada Js kodunu kodunun < /body > üst kısmına eklemek için aşağıdaki kodu kullanıyoruz.
<script src='https://googledrive.com/host/0B25x-zf4MlGwRzVzR0JRcnU0bjg' tipi='text/javascript'></script>
Son olarak değişiklikleri Kaydet diyoruz.
Blogger CSS/JavaScript Google Drive Hakkında Sonuç Olarak
Başarılı bir şekilde blogumuz için önemli olan CSS/JavaScript dosyalarını Google Drive'da saklayarak blogumuza host sunucu kimliği kazandırmış olduk. Şimdi blogunuzu ziyaret ederek kontrol edebilirsiniz. Google Drive sayesinde fazla kodlar nedeniyle yavaşlamış olan blogunuzu hızlandırmış olduk google taramalarında yavaşlamayı ve google sorgu sayısını düşürmüş olduk. Bu sayede blogunuzun üst sıralara çıkması açısından herhangi bir sorun kalmamıştır. Şimdi tek yapmanız gereken özgün içerik oluşturarak blogunuzu zenginleştirmelisiniz.
0 yorum:
Yorum Gönder
Yorumda Resim Paylaşmak için ;
[img]Resim URL Buraya Eklenecek[/img]
Kodları bu şekilde kullanın .!