10 Ekim 2011 Pazartesi

Cufon İle Blogger’da Farklı Fontlar Kullanın

Daha önce benden menü oluşturma ile ilgili yardım isteyen Ece Hanım, İletişim formu asracılığıyla bir ricada daha bulunmuş ve Blogger’ın kendi fontları dışında farklı fontları nasıl kullanabileceğini sormuş.Bu yazımda Cufon isimli fonmt sitesindeki fontları blogumuzda nasıl kullanacağimizi anlatacağım.

 

1. Adım: Cufon sitesine giderek türkçe karakterleri destekleyen bir fontlardan birini bulduktan sonra o fontun hemen altındaki Cufon Dosyasını İndir linkine tıklayın.Fontların türkçe karakterleri destekleyip desteklemediğini görmek için önizleme özelliğini kullanabilirsiniz.

 

Cufon Türkçe Fontlar

2.Adım: Açılan sayfanın alt tarafında Fontu Cufon Olarak İndir butonuna basarak fontu bilgisayarınıza kaydedin.

 

Cufon Dosyasını İndir

3.Adım: Your Java Script sitesine gidin ve Dosya Seç butonuna basarak bilgisayarınıza az önce indirdiğiniz cufon dosyasını seçip, e-mail adresinizi yazdıktan sonra Upload butonuna basın.

 

Cufon Java Script Upload

4.Adım: E-Mail adresinize Your javascript link on yourjavascript.com konulu bir e-mail gelmiş olması gerekiyor.Bu e-mail’deki http://yourjavascript.com/81143…/pecita.cufonfonts.js şeklindeki linki kaybetmeyin.Bir sonraki adımda bu linki kullanacağız.

 

Cufon Java Script Linki

5.Adım: Blogger hesabınıza giderek şablonunuzun kodlarını açın ve  <head> kodunun hemen altına sırasıyla ilk olarak;

 

<script src='http://yourjavascript.com/1214130809/cufon-yui.js' type='text/javascript'/>


 



kodunu ekleyin.Bunun hemen altına bir önceki adımda bahsettiğim mailimize gelen linki kullanacağız.Bunuda şu şekilde ekleyin:



 



<script src='http://yourjavascript.com/2820411011/pecita.cufonfonts.js' type='text/javascript'/>
<script type='text/javascript'>


 



Bu kodun altına ise aşağıdaki kodları ekleyerek şablonunuzu kaydedin.



 



Cufon.replace(&#39;h1, h2, h3, h4, h5, h6&#39;);
</script>


 



Kodların şablondaki yerleşimi şu şekilde olacaktır:



 



Cufon Kod Yerleşimi



Ve işte sonuç…



Blogger Cufon Kullanımı



 



Biliyorum biraz zahmetli bir iş ama sonucu gördüğünüz zaman uğraştığıma değmiş diyeceğinizden eminim.

Hiç yorum yok:

Yorum Gönder