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

04:33 | 0 yorum

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

Merhaba;! 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. 

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. 

Kategori: , , , , ,

0 yorum