Kullanıcı:
Parola:
Tüm Forumlar Sıkça Sorulan Sorular Parola Hatırlat Kayıt Olun!
 
››‹‹
Yeni Konu Yeni Konu Yanıtla Yanıtla
 
Seçenekler
Paylaş

sitene favicon ekle !

AşıK
Yeni Üye
Mesaj
6
Kayıt
01 Haz 2008

Blog Sayfası
Kişisel Sayfası

PermaLink08 Haz 2008  09:07

YanıtlaAlıntı yaparak yanıtlaAlıntı




Bazı web sayfalarının adreslerinin hemen başında özel ikonların bulunduğunu mutlaka fark etmişsinizdir. Siz de blog’unuz 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?

Hazırlama işlemini yaygın kullanıma sahip Photoshop kullanarak anlatacağım. Eğer sizde Photoshop kullanacaksanız ve dosyanızı .ico uzantısı ile kaydedecekseniz gerekli plug-in’i aşağıdaki adresten indirmelisiniz;

* http://www.telegraphics.com.au/sw/

Favicon dosyanızı .ico dışındaki formatlarda hazırlayacaksanız bu plug-in’e ihtiyacınız olmayacak.

16×16 piksellik bir alanda çalışmak kolay olmayacağından 64×64’lük bir çalışma alanı kullanmak daha akıllıca olacaktır. Alanı “File > New” (ya da CTRL+N) ile açılacak menüden ayarladıktan sonra tasarımınız uygulayın. Tasarım ile işiniz bitikten sonra “Image > Image” size ile açılacak menüden “Width” ve “Height” değerlerinin her ikisi için 16 girin ve en alttaki “Resample Image” bölmünde “Bicubic Sharper”ı seçin ve uygulayın. Eğer yeni görüntü hoşunuza gitmezse işlemleri “Bicubic Smoother” seçerek tekrarlayın.

Görüntüden tatmin olduğunuzda “File > Save” seçeneği ile dosya kaydetme menüsünü açın ve oradan .ico, .png veya .gif formatlarından birisini seçerek “favicon” olarak kaydedin. Eğer .ico olarak kaydetmek istiyorsanız üstte bahsedilen adresteki plug-in’i yüklemeniz gerektiğini unutmayın, aksi takdirde seçenekler arasında .ico formatını göremezsiniz.
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; 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;

<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;

<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 <HEAD> etiketinin altına yapıştırın ve kaydedin. Şablonunuzu güncelledikten sonra favicon’unuz adresinizle birlikte görünmeye başlayacaktır.

Kolay gelsin.
AşıK
En üste gitBu mesajı bildir
 
 
Cep telefonları | Ekran kartları | Masaüstü | Notebook | Ses kartları | Webcam | Klavye & Fare | Yazıcılar | Tablet Ev Sineması
Mp3 Player | Usb Bellekler | Video kameralar | Fotoğraf Makinesi | Taşınabilir diskler | LED & LCD Tv | Monitörler | OEM | PDA
Navigasyon | Oyun Konsolu
 
 
hiko91
Üye
REP: 89, 3,62
Mesaj
1864
Kayıt
14 Oca 2008

Blog Sayfası
Kişisel Sayfası

PermaLink08 Haz 2008  20:06

AlıntıAlıntı
eyvallah bu ısıme yarayacak

     


En üste git
 
SaGoPa KaJMeR.
Üye
REP: 197, 4,05
Mesaj
2513
Kayıt
05 May 2008

Blog Sayfası
Kişisel Sayfası

PermaLink16 Haz 2008  04:41

AlıntıAlıntı
Bildigim Bi konuydu.Bilmeyenler İcinde Yararlı Bi kaynak Olabilir.
Teşekkürler. Emegine Saglık !!!
Sen gerisin geriye gidiver
Sen bi zahmet bu işten elini çekiver
Sen tezinden kararan kalbini söküver
İyisi mi sen benim yerime kendini koyuver!  
Sagopa Kajmer & Kolera - Bu İşlerden Elini Çek
En üste git
 
-busted-
Yeni Üye
Mesaj
16
Kayıt
03 Tem 2008

Blog Sayfası
Kişisel Sayfası

PermaLink07 Tem 2008  18:35

AlıntıAlıntı
http://www.chami.com/html-kit/services/favicon/

Buradan da favicon kodunu alabilirsiniz... (GÜncelledim)
En üste git
 
muhabbet kuşu
Yeni Üye
Mesaj
2
Kayıt
03 Haz 2011

Blog Sayfası
Kişisel Sayfası

PermaLink07 Eyl 2011  09:12

AlıntıAlıntı
Ya ben yapamadım ; online favicon sitesinden winzip.rarlı olarak download ettim ; sonra ne yapacağım .Açıpta mı yani dosya olarak mı  public.html anadizinine göndereceğim yoksa zipli olarak mı ? Lütfen yardım edin teşekkür ediyorum :(
https://www.facebook.com/zucar3
En üste git
 
››‹‹
Yeni Konu Yeni Konu Yanıtla Yanıtla
 

İlgili Konular

  Konu Başlığı Gönderen Yanıt Son Mesaj
 Sitene Radyo Eklegokhanserhat 0 04 Mar 2009  05:15
 Sitene Ekleasll 2 31 Eki 2009  21:13
Sitene OnlineDestek ekleHome724 0 22 Nis 2012  15:33
 Favicond0ntvery2345 2 01 Mar 2009  15:33
 sitemynet faviconBordo_Klavyeli 0 04 Mar 2009  21:17
Bu sayfa 0,31 saniye içinde hazırlandı.


 
Cep telefonları | Ekran kartları | Masaüstü | Notebook | Ses kartları | Webcam | Klavye & Fare | Yazıcılar | Tablet Ev Sineması
Mp3 Player | Usb Bellekler | Video kameralar | Fotoğraf Makinesi | Taşınabilir diskler | LED & LCD Tv | Monitörler | OEM | PDA
Navigasyon | Oyun Konsolu