Google Fonts ile Blogger Yazı ve Sidebar Başlıklarını Değiştirme

   Bu yazımızda Google kütüphanede yer alan yazı fontlarını blogumuza uygulayarak yazı ve sidebar başlıklarının fontlarını değiştirebiliriz.Bu ipucu sayesinde standart fontlardan kurtularak blogunuzu farklı bir havada okuyucularınıza sunabileceksiniz.Böylece Blogger sitenizde kullanmış olduğunuz temanın yazı fontlarını değiştirerek sitenizi ziyaret eden kullanıcıların ilgilerini çekmeye yarayacak küçük ama etkili bir özellik.

   * İlk olarak Google Font tıklayarak kütüphaneden dilediğiniz bir yazı fontunu seçin.
   * Yazı fontunu belirledikten sonra iki seçenekten oluşan bir kod verilecek.
 
1.Kod

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>

2. Kod

font-family: 'Shadows Into Light Two', cursive;

Şimdi ilk yapacak olduğumuz işlem 1.ci kodun sonuna / işaretini ekleyeceğiz.Yani aşağıda ki gibi olacak

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'/>

Yukarıda ki işlemimiz böylece bitmiş oldu.Şimdi yaptığımız işlemi Blogger sitemizde kullanmış olduğumuz temanın yazı fondunu değiştirmek için;
Blogger kumanda paneli Şablon HTML Düzenle yolunu izliyoruz ve CTRL+F tuşları ile aşağıda ki kodu bulun.

</head>

Üsteki kodu bulduktan sonra hemen üst kısmına aşağıda ki kodu ekleyin.Yalnız şunu unutmayın burada ki kod benim seçmiş olduğum yazı fontuna ait koddur,sizin seçecek olduğunuz kod farklı olacaktır.

<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'/>

Yazı Başlığı Yazı Fontu Değiştirme:
Kumanda paneli > Şablon > HTML Düzenle yolunu izleyin.Kullanmış olduğunuz temada bu kısım farklı olacaktır.Aşağıda ki kod yapısına benzer kısmı bulun.

.Post h3 { 
…. 
…. 
font-family: arial, verdana }

Burada yapacak olduğunuz işlem şudur yazının başında vermiş olduğum 2. kodu buraya ekliyorsunuz.

Sidebar Başlığı Yazı Fontunu Değiştirme;
Tekrar Blogger kumanda panelinden HTML kodlarına ulaşarak Sidebar kodları kısmını bulun.Bu bölüm bütün temalarda farklıdır dikkat edin.

.Sidebar h2{ 
…. 
…. 
}

Not : Google Fonta ki yazı fontlarının bir çoğu Türkçe karakterleri desteklemediğinden Blogger sitenize ekleyecek olduğunuz yazı fontunu bu uyarıyı dikkate alarak yapın.

Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin

Not: Gelen Maili Aktif Etmeyi Unutmayınız!