Nisan 27, 2013

Cufon İle Blogger Başlıklarına Farklı Font Kullanımı

Cufon İle Blogger Başlıklarına Farklı Font Kullanımı

Merhaba; Bloglama Zamanı ziyaretçileri ! Bugün sizlere Blogger Cufon eklentisinden bahsedeceğim. Son zamanlarda birçok blogger da gördüğüm cufon eklentisi son olarak bir takipçim istedi ve bu konuyu bende paylaşmak istedim. 

Blogger'da Cufon özelliği ile blogger konu başlıklarına tıklanma özelliğini ve konu başlığını kopyalama özelliğini yitireceksiniz. Şöyle ki Cufontu kullanmaya başladığınız da maus ile konu başlıklarının üzerinden geçerken konu başlığının çok az kısmını seçebileceksiniz ama kopyalayamayacaksınız. Tabi bu görünüm biraz da temanız ile alakalı eğer klasik blogger şablonu kullanıyorsanız kullanmanızı pek tavsiye etmem. Genel olarak son teknoloji ile ( :P ) donatılmış blogger şablonlarında kullanılması tercih edilir. 

Bu konudan önceki konum Blogger'da Google Web Font kullanımı idi. Eğer bu hoşunuza gitmediyse linki tıklayarak google web font konusunu inceleyebilirisiniz.

Cufon İle Blogger Başlıklarına Farklı Fontlar Kullanımı

Aşağıdaki işlemleri sırasıyla takip edelim ve blogumuza eklentiyi uygulayalım.
1.Adım: Cufon adresini gidiyoruz. Burada yapacağımız işlemler sırasıyla şu şekilde:

A) Metin kutusuna Türkçe karakterlerini destekleyip desteklemediğini öğrenmek için kontrol ediyoruz. Aşağıdaki resme bkz:

B) Beğendiğiniz cufon fontları arasından işleme başlamanız için Font üzerine bulunan " Cofon Dosyasını İndir " butonunu tıklayın. Yukarıdaki resimde o buton mevcut. :) ( Paint ile işaretlemeyi unutmuşum. )

C) İndir butonuna bastığınızda sayfa yeniden yüklenilecek. Sayfayı aşağı doğru indirip aşağıdaki butonu göreceksiniz. Ve Fontu Cufon Olarak İndir'i tıklayın fontu bilgisayarınıza indirin



2.Adım: İlk adım biraz uzun olabilir ama en dikkatli kısım bu bölüm. Bu kısımda indirdiğimiz fontu  Your Java Script sitesine yüklememiz gerekiyor. Linki tıkladıktan sonra " Dosya Seç " butonuna basarak indirdiğiniz e-mail adresinizi yazarak fontu buraya yükleyin. Aşağıdaki resme bkz:



3.Adım: Hemen e-mail adresinizi kontrol ederek posta kutunuzda admin tarafından gönderilen Your javascript file adlı bir mail geldiğini göreceksiniz. Burada bulunan javascript kodunu kopyalıyoruz. 


4.Adım: Şimdi geldik kodu blogumuzda uygulamaya. Hemen şablon bölümüne girin. Şablon mu o da ne ?

  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
Şablon bölümüne girip <head> kodunu bulun. Hemen altına gelecek sırasıyla aşağıdaki kodları yerleştirin.
<script src='http://yourjavascript.com/1214130809/cufon-yui.js' type='text/javascript'/>
Yukarıdaki kodu ekledikten sonra mailinize gelen kodu altına yapıştırın
<script src='http://yourjavascript.com/62074142130/cambria.cufonfonts.js' type='text/javascript'/>
<script type='text/javascript'>
Bu kodun altına ise hemen aşağıdaki kodu ekleyip şablonu kaydedip çıkıyoruz.
Cufon.replace(&#39;h1, h2, h3, h4, h5, h6&#39;); </script>
Yani yaptığınız işlem aşağıdaki gibi olacak:


Ve bu konuyu da bitirmiş olduk. Biraz zahmetli oldu sanırım. En ince detayına kadar anlattım yapamadığınız bir şey olursa "Yorum" kısmından iletebilirsiniz.

2 yorum :

konu güzel ben cufon tercih etmem sayfayı yoruyor ve hızı düşütüyor, seo açısındanda olumsuz.
elinize sağlık, tek dikkatimi çeken şey yazı ne kadar bayağı anlatılmış, ama kitap okuma alışkanlığı olmayan bir nesil işte güzel bir konuyu bile yazıya dökemiyor malesef

@Adsız, Konu genel itibari ile uzun. :) Tabi yine eleştiriniz için de ayrı bir teşekkür ederim.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.