Merhabalar arkadaşlar bu yazımda blog kullanıcıları için (Blogcu ve Blogger ikisi içinde geçerlidir) Favicon yapımını anlatmaya çalışıcam. Öncelikle nedir bu Favicon? Favicon, terimi İngilizce “Favorites Icon”dan kısaltılmıştır.


Favicon zamazingosu blog'unuz ziyaret edildiğinde adres satırında beliriyor, ayrıca adresiniz sık kullanılanlara eklendiğinde de blog adınızın baş kısmında görünecektir. Anlatacağım yol biraz uzun karışık gelebilir ama %100 verim alabilirsiniz. Ayrıca ''yok efendim Internet Explorer'de çalışmıyor sadece Firefox'ta görünüyor, çalışıyor'' böyle durumlarla falan uğraşmıyorsunuz hepsinde çalışır anlatacağım yol.


Kısaca olayı ne olduğunu anlatmaya çalıştım. Aslında bu zamazingo'yu çok aradım ve doğru dürüst hiç kimse yazmamış, yarım yamalak anlatımlarla karşılaştım. Ama sonunda işe kendi bilgilerim ve topladığım birkaç bilgi ile kendim birşeyler yapmaya karar verdim, ayıptır söylemesi birazda yeteneğimi konuşturdum ortaya işe yarar bi bilgi çıktı taktir ederseniz. :) Neyse yavaş yavaş bu zamazingo'yu adres çubuğunuza nasıl yerleştiriceksiniz ona geçelim dilerseniz.


İlk olarak http://tools.dynamicdrive.com/favicon/ adresine giriyoruz. ''Gözat'' yazısına tıklıyor, bilgisayarımızdan Favicon yapabileceğimiz bir resim seçiyoruz. ''Create Icon'' diyor, resmi yüklüyoruz (Upload). Sonra ''Download FavIcon'' yazına tıklayıp yüklediğimiz Favicon'u bilgisayarımıza indiriyoruz.

Tıkladıktan sonra karşımıza bir sayfa açılacaktır, sayfada yüklediğimiz Favicon'muz olması lazım. Eğer yüklediğimiz Favicon sayfada belirmişse süper gidiyoruz demektir, tebrikler.

Şimdi sıra yüklediğimiz Favicon'umuzun ''url''sini almaya geldi. Yukarıda belirttiğim resimdeki gibi Favicon'umuzun url'sini kopyalıyoruz. Kopyaladığımız url'yi aşağıda vermiş olduğum kodun ''favicon urlsini buraya yapıştırın'' yazan bölümlerine yapıştırıyoruz.

<-link rel="shortcut icon" href="favicon urlsini buraya yapıştırın" /->

<-link rel="icon" href="favicon urlsini buraya yapıştırın" type="image/gif" /->

Önemli Not: Arkadaşlar ben kodların hem önüne hemde arkasına ''-'' tire koydum siz bunları silin.

Ve son aşamaya geldik arkadaşlar. Biliyorum biraz uzun oldu ama böyle bir işlem için sanırım değer öyle değil mi? :) Maksat blog'unuz karizmatik olsun, bunun için elimden gelen yardımları yapmaya çalışıyorum... Neyse konumuza dönelim yukarıda verdiğim kodu blog şablon'unuzun ''head'' tagından hemen sonra yerleştirin, kaydedip çıkın. Arkadaşlar hayırlı olsun olayımız burada sona eriyor. İnşallah bundan sonraki faydalı konularla tekrar birlikte olacağız :)