Favicon dosya �zellikleri
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.
Yukar�daki resime dikkat edecek oldu�unuzda,taray�c�da 3 sayfa a��lm��, bunlardan 1.olan blogger (blogspot) , 2. hemen altta b�y�t�lm�� g�z�ken kovboy resmi i�inde A ve G harfi yer almaktad�r.Bu benim ismimin ba� harfleridir.Resmin bir par�as� gibi g�r�lmekte, ancak dikkat etti�inizde harflerden olu�tu�unu anla��lmaktad�r.Resmi b�y�tt���n�zde daha net anla��lacakt�r.
NOT:Ana Sayfa �zerinde g�r�len resim anlat�lan konu ile alakal� de�ildir.Sadece g�r�nt�n�n nas�l g�z�kt��� i�in konulmu�tur.Yapaca��m�z i�lem di�er anlat�mlarda uygulanm��t�r.Bu k�sma dikkat edelim l�tfen.
Blogger da olu�turulan bloglar�n faviconu Blogger��n (
) simgesi �eklinde g�r�n�r.
) simgesi �eklinde g�r�n�r.Sizde biraz emek vererek kendi simgenizi haz�rlay�p Firefox ve Google Chrome gibi taray�c�larda g�sterebilirsiniz.
Haz�rl�yaca��n�z Favikonun �l��leri (16x16 piksel ) olmal�d�r.Dikkat ederseniz a�a��daki resimde g�z�kmektedir.
(Guney59 Payla��m) yazan yere dikkat ederseniz g�r�lmektedir.
Kendi simgeniz haz�rsa herhangi bir resim hostuna Picasa, Flicker gibi servislere PNG format�nda y�kleyerek adres sat�r�ndaki linki kopyalay�n.
Sa� �st k��ede Tasar�m >�ablon>HTML D�zenle>Devam et t�klay�n>Widget geni�let ve a�a��daki kodu bulun ; Bu kodun �st�ne yap��t�r�n.
</head>
<head>...... aras�na gelmeli</head>
Ba�lang�� ve biti� kodu anlam�na gelmektedir.Daha fazla bilgi i�in HTML bilginizi geli�tirin yaz�m�z� inceleyiniz.
</head>
<head>...... aras�na gelmeli</head>
Ba�lang�� ve biti� kodu anlam�na gelmektedir.Daha fazla bilgi i�in HTML bilginizi geli�tirin yaz�m�z� inceleyiniz.
Bu i�lemlere ba�lamadan �nce Tam �ablonu Y�kle yazan ba�lant�y� kullanarak mevcut �ablonunuzu yedekleyebilir ve her hangi bir aksili�e kar�� yapm�� oldu�unuz t�m i�lemleri geri alabilirsiniz.
�rnek :
<link href=' http://img573.imageshack.us/img573/2278/animatedfavicon1rj.gif ' rel='shortcut icon' type='image/x-icon'/>
Sizin Favicon linkini a�a��da renkli yaz�lan yere gelecek �ekilde yap��t�r�n.T�rnaklar� yok etmemeye �al���n.
<link href=' http://img573.imageshack.us/img573/2278/animatedfavicon1rj.gif ' rel='shortcut icon' type='image/x-icon'/>
<link href=' http://img573.imageshack.us/img573/2278/animatedfavicon1rj.gif ' rel='shortcut icon' type='image/x-icon'/>
Sizin Favicon linkini a�a��da renkli yaz�lan yere gelecek �ekilde yap��t�r�n.T�rnaklar� yok etmemeye �al���n.
<link href=' http://img573.imageshack.us/img573/2278/animatedfavicon1rj.gif ' rel='shortcut icon' type='image/x-icon'/>
Uygulaman�n sonucunu kendi taray�c�n�zda sol �st k��eye bakt���n�zda canl� olarak g�rebilirsiniz.
G�r�nt�lerin taray�c�n�zda daha b�y�k g�rmek i�in ( Fn + ( - ve +) tu�lar� ile k�sa yollar� kullanarak sitenizin g�r�nt�s�n� b�y�t�p, k���ltebilirsiniz.Buradaki anlat�m kullan�lan bilgisayarlara g�re de�i�im g�sterebilece�ini unutmay�n.Sonradan eski ayarlar�n�za ayn� sistemle geri d�nebilirsiniz.
Blogunuzda hareketli favicon da kurabilirsiniz.
Kolay gelsin. Bir sonraki konularda g�r��mek �zere. Guney59 Paylas�m
Al�nt� yapan arkada�lar l�tfen kaynak linki g�stererek al�nt� yapabilir, arkada�lar� ile payla�abilirler.K�s�tlama yapm�yoruz ancak eme�e sayg� duyman�z i�in k���k bir hat�rlatma yap�yorum.
Blogunuzda hareketli favicon da kurabilirsiniz.
Kolay gelsin. Bir sonraki konularda g�r��mek �zere. Guney59 Paylas�m
Al�nt� yapan arkada�lar l�tfen kaynak linki g�stererek al�nt� yapabilir, arkada�lar� ile payla�abilirler.K�s�tlama yapm�yoruz ancak eme�e sayg� duyman�z i�in k���k bir hat�rlatma yap�yorum.
Twittertan takip edin : twitter.com/ guney59
0 yorum:
Yorum Gönder