Kayıt ol

Siteye favicon ekleme

Masmavi

Administrator
10
Katılım
9 Haziran 2018
Konular
1,336
Mesajlar
5,589
Çözümler
8
Reaksiyon puanı
1,733
Puanları
113
Konum
İstanbul
Web sitesi
www.masmavi.net
Cinsiyet
Erkek
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.
siteye-favicon-eklemexcde4.jpg


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:
siteye-favicon-eklemeucdzu.jpg


İ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.

siteye-favicon-eklemeirir4.jpg


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.

siteye-favicon-ekleme6xcii.jpg


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ç:
siteye-favicon-ekleme5je36.jpg


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.
 
Son düzenleme:
  • Beğen
İfadeler: m01

Eylem

Bayan Vip
3
Katılım
15 Haziran 2018
Konular
118
Mesajlar
319
Reaksiyon puanı
115
Puanları
43
Emeğine sağlık. Paylaşım için Teşekkürler...
 

wmaster

Kayıtlı Üye
0
Katılım
27 Ekim 2019
Konular
0
Mesajlar
1
Reaksiyon puanı
1
Puanları
3
Cinsiyet
Erkek
yararlı paylaşım teşekkürler
 

m01

Kayıtlı Üye
0
Katılım
16 Haziran 2018
Konular
0
Mesajlar
3
Reaksiyon puanı
0
Puanları
1
Teşekkürler.
 
Son düzenleme:

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yeni bir konu oluşturabilmek veya konulara cevap verebilmek için sitemize üye olmanız gerekmektedir

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

« - | Html renk kodları »
Adobe Photoshop programının ayarlarını sıfırlamak için, Adobe Photoshop simgesini çift tıkladıktan hemen sonra klavyeden "SHIFT+CTRL+ALT" tuşuna basabilirsiniz. Çıkan "Delete the Adobe Photoshop Settings File?" uyarısı çıktığında "Yes" butonuna tıkladığınızda ayarlarınız sıfırlanarak Adobe Photoshop'unuz fabrika ayarlarına dönecektir.
Üst