HOŞ GELDİNİZ!

Burayı Görünüm ve Diller altında bulunan Tema özellikleri > [-MD-] Ziyaretçi Paneli alanından düzenleyebilirsiniz.

Siteye favicon ekleme

Adanalı

Administrator
14
WA RANK
Katılım
9 Haziran 2018
Konular
1,372
Mesajlar
5,622
Çözümler
1
Reaksiyon puanı
1,730
Puanları
113
Konum
Adana
Web sitesi
webadam.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
Emeğine sağlık. Paylaşım için Teşekkürler...
 
yararlı paylaşım teşekkürler
 
Teşekkürler.
 
Son düzenleme:
« - | Html renk kodları »

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

Sitemiz bir forum sitesi olduğu için kullanıcılar her türlü görüşlerini önceden onay olmadan anında siteye yazabilmektedir. 5651 sayılı yasaya göre bu yazılardan dolayı doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. 5651 sayılı yasaya göre sitemiz mesajları kontrolle yükümlü olmayıp, yasaya aykırı yada telif hakkı içeren paylaşımlar BURADAN bize ulaşıldığı taktirde, ilgili konu en geç 48 saat içerisinde kaldırılacaktır. Sitemizde Bulunan Videolar YouTube, Facebook, Dailymotion, v.b. video paylaşım sitelerinden alınmaktadır. Telif hakları sorumluluğu bu sitelere aittir. Videoların hiç biri sunucularımızda bulunmamaktadır.
İp ucu 5
  • Geri
    Üst