[DERS] Sitenize Favicon oluşturun!
[DERS] Sitenize Favicon oluşturun!
[DERS] Sitenize Favicon oluşturun! (Resimdeki Gibi)
Bazı web sayfalarının adreslerinin hemen başında özel ikonların bulunduğunu mutlaka fark etmişsinizdir. Siz de siteniz için bunlardan bir tane hazırlayabilirsiniz. Bunun için sadece bir fotoğraf düzenleme programı ve biraz yaratıcılığa ihtiyacınız var. Hatta işin yaratıcılık kısmı ile ilgilenmiyorsanız web üzerinde hazır bir çok ikona ulaşabilir ve onlardan beğendiklerinizi de kullanabilirsiniz.
Favicon dosyasının özellikleri
Favicon terimi İngilizce “Favorites Icon”dan kısaltılmıştır. Bu favicon dosyası blog’unuz ziyaret edildiğinde adres satırında belireceği gibi adresiniz sık kullanılanlara eklendiğinde de blog adınızın baş kısmında görünecektir. Favicon dosyası 16×16 piksel boyutlarında .ico uzantılı bir grafik dosyasıdır. Modern web tarayıcıları artık .gif ve .png uzantılı dosyaları da favicon olarak gösterebilmektedirler.
Nasıl oluşturulur?
Bu dosyayı internette oluşturabilirsiniz, bunun için hazırlanmış siteler var.İşte onlardan biri;
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.cc/
Gözat 'tan resimi seçtikten sonra Generate FavIcon.ico düğmesine tıklayın. Açılan sayfada
düğmesini kullanarak oluşturduğunuz dosyayı bilgisayara indirin. FavIcon.ico dosyanız hazır...! ;)
Favicon’un yerleştirilmesi
Oluşturduğunuz (veya internetten bulduğunuz) favicon dosyasını sunucunuzun kök dizinine gönderin. Eğer kendi sunucunuz yoksa, diğer bir ifade ile blog’unuz ücretsiz bir sunucu üzerinde ise, yine ücretsiz olan grafik sunucularından faydalanabilirsiniz (örneğin; http://www.imageshack.us ). Ama bu durumda favicon dosyanızı .png veya .gif olarak kaydetmeniz gerekecektir, çünkü ücretsiz resim sunucularının çoğu .ico desteği vermiyor.
Favicon dosyanızı bir suncuya göderdikten sonra adresini alın ve aşağıdaki gibi bir kod oluşturun. Favicon dosyanızı kendi sunucunuza gönderdiyseniz kodunuz şu şekilde olacaktır;
Eğer ücretsiz bir sunucu kullandıysanız (örnekte imageshack.us kullanılmış) kodunuz şu şekilde olmalıdır;
Son işlem olarak oluşturduğunuz bu kodu kopyalayın ve tasarım şablonunuzun HTML kodu içerisinde etiketinin altına yapıştırın ve kaydedin. Şablonunuzu güncelledikten sonra favicon’unuz adresinizle birlikte görünmeye başlayacaktır.
Kaynak: AcemiBlogcu
Bazı web sayfalarının adreslerinin hemen başında özel ikonların bulunduğunu mutlaka fark etmişsinizdir. Siz de siteniz için bunlardan bir tane hazırlayabilirsiniz. Bunun için sadece bir fotoğraf düzenleme programı ve biraz yaratıcılığa ihtiyacınız var. Hatta işin yaratıcılık kısmı ile ilgilenmiyorsanız web üzerinde hazır bir çok ikona ulaşabilir ve onlardan beğendiklerinizi de kullanabilirsiniz.
Favicon dosyasının özellikleri
Favicon terimi İngilizce “Favorites Icon”dan kısaltılmıştır. Bu favicon dosyası blog’unuz ziyaret edildiğinde adres satırında belireceği gibi adresiniz sık kullanılanlara eklendiğinde de blog adınızın baş kısmında görünecektir. Favicon dosyası 16×16 piksel boyutlarında .ico uzantılı bir grafik dosyasıdır. Modern web tarayıcıları artık .gif ve .png uzantılı dosyaları da favicon olarak gösterebilmektedirler.
Nasıl oluşturulur?
Bu dosyayı internette oluşturabilirsiniz, bunun için hazırlanmış siteler var.İşte onlardan biri;
http://www.chami.com/html-kit/services/favicon/
http://www.favicon.cc/
Gözat 'tan resimi seçtikten sonra Generate FavIcon.ico düğmesine tıklayın. Açılan sayfada
düğmesini kullanarak oluşturduğunuz dosyayı bilgisayara indirin. FavIcon.ico dosyanız hazır...! ;) Favicon’un yerleştirilmesi
Oluşturduğunuz (veya internetten bulduğunuz) favicon dosyasını sunucunuzun kök dizinine gönderin. Eğer kendi sunucunuz yoksa, diğer bir ifade ile blog’unuz ücretsiz bir sunucu üzerinde ise, yine ücretsiz olan grafik sunucularından faydalanabilirsiniz (örneğin; http://www.imageshack.us ). Ama bu durumda favicon dosyanızı .png veya .gif olarak kaydetmeniz gerekecektir, çünkü ücretsiz resim sunucularının çoğu .ico desteği vermiyor.
Favicon dosyanızı bir suncuya göderdikten sonra adresini alın ve aşağıdaki gibi bir kod oluşturun. Favicon dosyanızı kendi sunucunuza gönderdiyseniz kodunuz şu şekilde olacaktır;
Kod: Tümünü seç
<link rel="shortcut icon" href="/favicon.ico">Eğer ücretsiz bir sunucu kullandıysanız (örnekte imageshack.us kullanılmış) kodunuz şu şekilde olmalıdır;
Kod: Tümünü seç
<link rel="shortcut icon" href="http://img381.imageshack.us/img381/2363/favicon0nx.png">Son işlem olarak oluşturduğunuz bu kodu kopyalayın ve tasarım şablonunuzun HTML kodu içerisinde etiketinin altına yapıştırın ve kaydedin. Şablonunuzu güncelledikten sonra favicon’unuz adresinizle birlikte görünmeye başlayacaktır.
Kaynak: AcemiBlogcu
En son VSaBaH tarafından 06 Tem 2007 [ 23:18 ] tarihinde düzenlendi, toplamda 2 kere düzenlendi.
:idea: Favicon.ico Eklentisini yaptıktan sonra doğru yapıp yapmadığınızı kontrol etmek için aşağıdaki siteyi kullanabilirsiniz...
http://www.html-kit.com/favicon/validator/
http://www.html-kit.com/favicon/validator/
peki bunca işlemden sonra istediğiniz resmi koymak istermisiniz
http://www.favicon.cc/
bu siteden resminizi yapıp indirin
http://www.favicon.cc/
bu siteden resminizi yapıp indirin
ss
http://www.hemengel.net olmuş mu?
Re: ss
erhanby yazdı:bende gözükmüyor demek tarayıvıdan internet explorerda gözükmüyor sanırsam :D
Ondan değil Erhan, şu an senin bilgisayarın değişikliği algılayamıyor. Internet Seçeneklerinden tüm geçmişi ve dosyaları sildikten sonra bilgisayarını aç kapa görürsün..
Yaşadık ki biliyoruz :D
