Web Sayfasına Favicon Ekleme

ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)

	el - MELİK Mülkün, kâinatın sahibi, mülk ve saltanatı devamlı olan.

ANASAYFA | Ben Kimim?

Allah'ım! Öfkenden rızana; cezandan affına sığınırım. Senden yine sana sığınırım. Sana övgüyü saymakla bitiremem. Sen kendini nasıl övdüysen öylesin. - Müslim, "Salât", 222

+ Yazıyı Büyüt - Yazıyı Küçült

Favicon, web sayfalarının başlık çubuğunda siteyi tanımlayacak küçük resim/logolara favicon denir. Web sayfamızın simgesi de diyebiliriz. Aşağıdaki internet tarayıcısı adres satırının ekran görüntüsünden daha da iyi anlaşılacaktır.

Yukarıdaki ekran görüntüsündeki işaretli yerdeki küçük resimler sitelerin faviconlarıdır.

Bu yazımda web sayfalarımıza favicon simgeleri nasıl ekleyeceğimizi anlatacağım.

Favicon eklemeden önce eklemek istediğimiz sitemizi tanımlayacak bir resim yapmamız gerekmektedir. İnternetten bir resim dosyasını ya da kendi oluşturacağımız bir resim dosyasını favicon olarak kullanabiliriz.

Hangi Tür Resimler Favicon Olur:

Faviconunuz ister resim dosyası olsun, ister simge (icon) olsun fark etmez. Hangi tür resim kolayınıza geliyorsa onu yapabilirsiniz. Aşağıdaki dosyalar favicon olarak kullanılabilir. Hangi tür dosyayı kullanacağınız size kalmış. Ben sitemde ico uzantılı simge dosyası kullanıyorum.

.ico

.jpg

.gif

.png

Yukarıda anlatılanlara göre favicon dosyamızı oluşturduysak sırada kod ile web sayfasına faviconu ekleyeceğiz.

Favicon Ekleme:

Favicon resimler link etiketi ile eklenirler. Bu etiketin detayına girmeyeceğim ama bilinmesi gereken bir şey var o da favicon kodları sitemizin head etiketleri arasına yazılırlar. Aşağıda ekleyeceğimiz kodu göreceksiniz:

Favicon, yukarıdaki kod ile web sayfalarına eklenir. Dikkat etmemiz gereken şey href=”” yazan yere simge dosyamızın adresini doğru yazmalıyız.

Örnek: href=”resim/sitesimge.gif” ya da href="http://www.mustafakarsli.com/resim/sitesimge.gif" şeklinde yazılabilir.

Aşağıda farklı dosya formatlarının verildiği örnekleri inceleyebilirsiniz.

Yukarıdaki anlatılanlara göre web sayfalarınıza favicon ekleyebilirsiniz. Haydi sizin de sitenizin simgesi olsun.

Başka derslerde görüşmek üzere. Sağlıcakla kalınız…

Mustafa KARSLI

( 60989 ) kez okundu - 19.02.2013

favicon, favicon ekleme, favicon nasıl eklenir, favicon nasıl yapılır, Web Sayfasına Favicon Ekleme, site simgesi ekleme, site simgesi yapma, siteye icon yapma, favicon kodu, favicon html, mustafa karslı

Ziyaretçi Yorumları
( 13 ) Yorum	Tümünü Göster
emirr - istanbul - 20.10.2017 21.28 hocam peki link in yanına nasıl koyucaz muhammed - amasya - 12.06.2017 02.58 Teşekkürler hocam işime yaradı saolun Ekrem - Tunceli - 23.02.2017 14.11 Faydası dokundu, website işleriyle ilgilenen biri olarak teşekkür etmemek olmaz. SAğ olun... SurMetin2 - İstanbul - 19.12.2016 22.15 Kardeşim Eyvllah çok yardımcı oldun Eksik olma. Muhammed Gelen - Lefkoşa - 27.08.2016 18.31 Gerçekten Başarılı. umit - İstanbul - 30.03.2015 22.58 güzel bir anlatım olmuş , çalıştı Teşekkür ederim. yucel - aksaray - 07.03.2015 20.31 tesekkurler hocam :) Hayati AKAR - antalya - 05.11.2014 22.28 Hocam ben link vermeyi öğrenmek istiyorum bana yardımcı olursanız sevinirim bana paramlada olsa kimse yardımcı olmuyor kopyalayıp yapıştıracak şekilde yazıp gönderirmisiniz rica etsem ----- Mustafa KARSLI ----> BAĞLANTI VERME (LİNK VERME) dersini okuyabilirsiniz... Engin Akdeniz - İstanbul - 23.10.2014 15.19 İndex sayfasına verdiğiniz kodu ekledikten sonra sitenin diğer bütün sayfalarına da bu kodu eklememiz mi gerekiyor? Ben eklemeyi başaramadım.Yardımcı olur musunuz? ----- Mustafa KARSLI ----> Diğer sayfalarınız indexten bağımsız sayfa ise her sayfaya kodu eklemelisiniz. ramazan toprak - Adana - 11.07.2014 16.25 yahu abi bunu biz nereye koycaz benim sitem tr.gg 'de anasayfaya koyuyorum olmuyo başka bir yerde bulamadım zaten lütfen yardım et. ----- Mustafa KARSLI ----> Faviconu ekleyeceğimiz < link rel.... ile başlayan 1 satır kodu index sayfanızın head etiketleri arasına yazacaksınız. Favicon resminizi hostinge yüklemeyi ve 1 satırlık kodda doğru adresi vermeyi unutmayınız. LEYLA - İstanbul - 18.06.2014 12.42 Açıklayıcı güzel bir anlatım olmuş, teşekkürler :) hatice ozan - aksaray - 23.03.2014 20.43 güzel site ve faydalı Burak EMEKLİ - Aksaray - 11.04.2013 23.05 Hocam verdiğiniz emeklerden Dolayı Allah Razı olsun....

Yorum Ekle
Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
İsim	:
Yorum	: En fazla 400 karakter
Şehir	:
E-Posta	: E-Posta adresi Yayınlanmaz (Güvenliğiniz için ip adresiniz (3.140.186.241) kaydedilecektir)
Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.

BENZER YAZILAR
Web Sayfasına Goog le Harita Ekleme. Kendi Web Sitenize Ait E-Posta Adresi . Siteye Facebook ve Twitter Paylaş But. htaccess ile Dosyal ara Erişim Engelle. HTML Meta Etiketler i - Seo Ayarları.