Merhaba Ziyaretçi

Kayıt olarak forum sitemizdeki tüm içeriklerden faydalanabilir, konu açabilir ve ek dosyaları indirebilirsiniz. Tüm özelliklerden yararlanmak için üye olabilirsiniz.

Kayıt ol Giriş yap
Sponsor Reklam
Sponsor Reklam

Siteye favicon ekleme

Adanalı

Flatkolik.Net
Yönetici
rank
Katılım
9 Haz 2018
Mesajlar
2,290
Reaksiyon puanı
411
Puanları
83
Konum
Adana
Web sitesi
Siteye git
Cinsiyet
Bay
Html bir web sitesine favicon nasıl eklenir, detaylı bir şekilde anlatmaya çalışacağım faydalı olmasını umarım.

Favicon Nedir?
Favicon; web site başlıklarının sol tarafında bulunan iconlardır, aşağıdaki resimde örneğine bakabilirsiniz.


Favicon Nasıl Eklenir?
İlkolarak kendimize bir tane icon hazırlıyoruz veya googledan arayarıp bulabilirsiniz. Hazırlamak için bir grafik ve resim aracına ihtiyaç vardır photoshop veya hangi programı kullanıyorsanız. Hazırladığımız iconu png formatında kayıt ediyoruz.

Favicon Örneği:


İconumuzu hazırlayıp kayıt ettikten sonra ConvertICO.com - Convert PNG to ICO and ICO to PNG buradaki siteye yüklüyoruz.
Site açıldıktan sonra yüklemek için buton çıkacaktır.



Butona tıklayın ve hazırladığınız icon dosyasını seçtiğiniz hemen sağ tarafında bulunan buton değişecek, buton aşağıdaki resimde göründüğü zaman png formatında olan dosyanızı ico formatında indirebileceksiniz.



ico uzantılı dosyamızı bilgisayarınıza indirdikten sonra, favicon.ico olarak yeniden adlandırın çünkü tarayıcı yalnızca otomatik olarak bu ismi tanıyacaktır.

Dosyanızı favicon.ico olarak adlandırdıktan sonra FTP aracığıyla web sitenizin public_html klasörüne yükleyin.

Daha sonra index dosyanızı bir editörle açarak <head> </head> tagları arasına aşağıdaki verdiğim kodu ekleyin.

HTML:
<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
Sonuç:


Not: Faviconunu göremiyorsanız kullandığınız tarayıcının önbelliğini temizleyin ve bilgisayarınızı yeniden başlattıktan sonra görünecektir.
 
Sponsor Reklam
Sponsor Reklam

Eylem

Bayan Vip
rank
Katılım
15 Haz 2018
Mesajlar
320
Reaksiyon puanı
108
Puanları
43
Emeğine sağlık. Paylaşım için Teşekkürler...
 

Konuyu toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Sponsor Reklam
Sponsor Reklam
Üst