Hoşgeldiniz Flatkolik.Net

Tüm özelliklerimize erişmek için şimdi bize katılın. Kayıt olduktan ve giriş yaptıktan sonra, konu oluşturabilir, mevcut konulara cevap gönderebilir, ekli dosyalark indirebilir ve çok daha fazlasını yapabilirsiniz. Ayrıca hızlı ve tamamen ücretsiz, ne bekliyorsun?
  • Mecbur kalmadıkça evden çıkmayın COVİD-19'a karşı sosyal izolasyon ve hijyene dikkat edin! #EvdeKal

Siteye favicon ekleme

Admin

Flatkolik.Net
Yönetici
10
Katılım
9 Haz 2018
Mesajlar
3,416
Reaksiyon puanı
861
Puanları
113
Şube
Adana
Web sitesi
Siteye git
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.


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
  • Eylem

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

    wmaster

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

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

    Yorum yapabilmek için üye olmalısınız

    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.

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

    • ipucu
    • 2020 Araylık ayında Flash Player tarih olacağı için, yapmış olduğunuz index çalışmlarında Flash içerikler kullanmamanızı öneririz.
    shape1
    shape2
    shape3
    shape4
    shape7
    shape8
    Üst