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

Kullarına iyilik ve ihsanı, nimetleri bol olan.

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   İLETİŞİM      Ebu Hureyre'nin (r.a.) anlattığına göre: Hz. Peygamber (a.s.) "Müslüman, kardeşinin pazarlığı üzerine pazarlık yapmasın" buyurmuştur. - Müslim, Büyu' 9 (l, 1154)

Web Sayfasına Favicon Ekleme

Web Sayfasına Favicon Ekleme
 + 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.

Favicon Ekran Görüntüsü

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:

<link rel="Shortcut Icon"  href="Resim Dosyası Adresi"  type="image/x-icon">

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.

<link rel="Shortcut Icon" href="resim/sitesimge.ico" type="image/x-icon">

<link rel="Shortcut Icon" href="resim/sitesimge.gif" type="image/x-icon">

<link rel="Shortcut Icon" href="resim/sitesimge.jpg" type="image/x-icon">

<link rel="Shortcut Icon" href="resim/sitesimge.png" type="image/x-icon">

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

( 39228 ) kez okundu     -     19.02.2013    Tweetle     
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ı
( 12 ) Yorum
Tümünü Göster
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 (54.225.54.120) kaydedilecektir)
  Yeni Dersleri Takip etmek İstiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Bilgisayar Ağları
Bilişim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
HTML
JavaScript
Kişisel Gelişim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
  Zamanlanmış Duyuru/Ödev Bulunmamaktadır...  
Kişisel resim ve yazıları kullanmak yasaktır. Bunun dışındaki dersleri İsim ve Kaynak göstermek şartıyla kullanmak serbesttir.
 Aktif ziyaretçi : 6
 Bugün : 225
 Toplam : 1250011
Mustafa KARSLI - Bilişim Teknolojileri Öğretmeni © 2008 - 2017  
Site Haritası

 

6