Blogger'a Favicon Yapıyoruz

Öncelikle başlamadan önce bu olayı MaFiAMaX Blog'taki sohbet bölümünde worLd182 sayesinde öğrendimi söyleyeyim..Blogger Destek'te paylaşılmış ancak fazla detaya girilmeden anlatıldığı için sorunlar olduğunu gördüm.Paylaşayım dedim.Neyse fazla uzatmayayım..

Yapmaya Başlıyoruz :)

Favicon nedir?
Favicon adres çubuğunun yanında bulunan sizin sitenizin küçük logosudur..
Şu resimler ne dediğimi açıklayacaktır:


Öncelikle bu işlem Photoshop bilgisi gerektirmez..Paintle de yapılabilir ama daha profesyonel ve kolay kullanımı olan PaintNET'i tavsiye ediyorum..PaintNET hakkında bilgi almak için TIKLA

1.Adım
Paint.NET'e girdik..Arkaplanı seçiyoruz.
Arkaplana geçmek için kırmızıyla belirtilmiş tuşa tıklıyoruz.

Daha sonra renkleri belirliyoruz.

Sol menüden A yani yazı moduna geçiyoruz.


Yazı moduna geçtiğimizde üstte bir menü belirecektir.Buradan yazı tipini,büyüklüğünü vb. şeyleri ayarlıyoruz..Üstte bulunan sayı değerlerini elinizle yani manuel olarak giriyoruz.500 yazalım..Büyük veya küçük gelirse sayıyı da aynı şekilde büyültüp küçültebiliriz..
Şu yani:


Onu da yaptık..Yani resmimiz tamamlandı..

2.Adım
http://www.html-kit.com/favicon/  bu linke tıklıyoruz.

Bu 2'ye ayrılıyor.
Source Image ve Scrolling Text

Source Image'ı yapıyorsanız Seç butonuna basın ve yaptığınız resmi seçin.
Eğer yazı+resim favicon kullanmak isterseniz Scrolling Text'i seçin..

Scrolling Text'i seçtiyseniz

Örneğin TaFuGu Blog için bir favicon yapıyoruz.Paint.NET'te de T harfini yaptık.diğer aFuGu Blog kısmını Scrolling Text ile yapabiliriz.Böylece kayan bir faviconumuz olur ;)

O işlemleri yaptıktan sonra Test in Browser'a tıklayın.Beğendiyseniz Download Favİcon'a tıklayın..

İndirilen dosya WinRAR olduğundan .ico ve .png dosyalarınız şu şekilde gelir:

o yüzden dosyaları dışarıya çıkarıyoruz..Böylece yukarıdaki hatayla karşılaşmıyoruz.

3.Adım
Blogger'a girş yaptıktan sonra Yerleşim'e(Şablon diye de geçer) tıklayın..HTML Düzenle'ye tıklayın..
ÖNEMLİ UYARI:ŞABLONUZUN YEDEĞİNİ MUTLAKA ALIN.
daha sonra ctrl+a yapıp ctrl+f ile head kodunu arayın..head kodundan tam üstündeki satıra (tireleri kaldırın) <-link rel='shortcut icon' href='LİNKİ YAZIN'-><-/link-> yazın.

4.Adım
Faviconu bir yere yüklemek için Google Sayfa Oluşturucusunu kullanabilirsiniz..

Veya .png dosyanızı imageshack'e yükleyebilirsiniz..
Yukarıdaki LİNKİ YAZIN yerine direk linki verin..

Önizleme yapın;oldu mu?Kaydedin..
Tebrikler..Artık Blogger'ın Favicon'undan kurtuldunuz...