Favicon Nedir ?
Bazı sitelerde, adres çubuğunda çeşitli ikonlar görürsünüz. Facebook, google gibi.
Resimde okla gösterilmiş işaretler favicon dur. Facebook un faviconu, Webhattının Faviconu ve Benim yaptıgım ve size göstereceğim favicon var.
Sayfaya Nasıl Favicon Eklerim?
Sayfaya favicon eklemek için öncelikle bir favicon resminiz olmalıdır. Bu resim genellikle 16x16 büyüklüğündedir. Eğer denemek isterseniz aşağıdaki resmi (faviconu) bilgisayarınıza kaydedin.
ve forumunuzun root dizinine yollayın.
Eğer root dizinine değilde başka klasöre göndermek istiyorsanız o zaman kodumuzu aşağıdaki gibi düzenlemeliyiz;
Resimadi yazan yere faviconun adını yazıyoruz.
Formatı yazan yere formatını yazıyoruz.(jpg,png gibi)
Bu kodu sayfamızdaki <head> kodunun hemen altına yapıştırıyoruz. Yada aşağıdaki kodu header şablonumuzun en üstene ekliyoruz (Tabi bu kodda resimadi ve resimformati kısmını düzenlemeyi unutmuyoruz);
<head>
<link rel="shortcut icon" href="resimadi.resimformati" />
</head>
Sayfayı kayıt edip yeniliyoruz. Ve faviconumuz en baştaki şekil gibi görünür.
Not:Eğer benim verdiğim resmi kaydettiyseniz favicon.png yazınız.
Not:Favicon ile sayfanızın aynı klasör içinde olması gerekmektedir.
Eğer favicon.ico gibi olmasını istiyorsanız;
Bu siteden jpg, png, gif formatlı resimlerinizi icon dosyasına çevirebilir, ve favicon.ico şeklinde sayfanıza yazabilirsiniz...
Not:
Kaynak: www.mybb.com.tr
Bazı sitelerde, adres çubuğunda çeşitli ikonlar görürsünüz. Facebook, google gibi.
Resimde okla gösterilmiş işaretler favicon dur. Facebook un faviconu, Webhattının Faviconu ve Benim yaptıgım ve size göstereceğim favicon var.
Sayfaya Nasıl Favicon Eklerim?
Sayfaya favicon eklemek için öncelikle bir favicon resminiz olmalıdır. Bu resim genellikle 16x16 büyüklüğündedir. Eğer denemek isterseniz aşağıdaki resmi (faviconu) bilgisayarınıza kaydedin.
ve forumunuzun root dizinine yollayın.
Kod:
<link rel="shortcut icon" href="resimadi.resimformati" />
Eğer root dizinine değilde başka klasöre göndermek istiyorsanız o zaman kodumuzu aşağıdaki gibi düzenlemeliyiz;
Kod:
<link rel="shortcut icon" href="klasörismi/resimadi.resimformati" />
Resimadi yazan yere faviconun adını yazıyoruz.
Formatı yazan yere formatını yazıyoruz.(jpg,png gibi)
Bu kodu sayfamızdaki <head> kodunun hemen altına yapıştırıyoruz. Yada aşağıdaki kodu header şablonumuzun en üstene ekliyoruz (Tabi bu kodda resimadi ve resimformati kısmını düzenlemeyi unutmuyoruz);
<head>
<link rel="shortcut icon" href="resimadi.resimformati" />
</head>
Sayfayı kayıt edip yeniliyoruz. Ve faviconumuz en baştaki şekil gibi görünür.
Not:Eğer benim verdiğim resmi kaydettiyseniz favicon.png yazınız.
Not:Favicon ile sayfanızın aynı klasör içinde olması gerekmektedir.
Eğer favicon.ico gibi olmasını istiyorsanız;
Kod:
http://www.html-kit.com/favicon
Not:
Kod:
http://www.webhatti.com sitesinden alıntıdır.
Kaynak: www.mybb.com.tr