Favicon, dedi─čimiz ┼čey sitenin taray─▒c─▒da g├Âsterilen k├╝├ž├╝k bir simgedir. Favori iconun k─▒salt─▒lm─▒┼č halidir. Favicon nas─▒l eklenir? Favicon nas─▒l olmal─▒d─▒r? Favicon nereye eklenir? gibi sorular─▒n cevaplar─▒n─▒ bu yaz─▒m─▒zda bulabilirsiniz.

Faviconun a├ž─▒l─▒m─▒ as─▒l olarak Favori icondur. Sitenizin Web 2.0 standartlar─▒na uymas─▒ i├žin kesinlikle bir favicona sahip olmas─▒ gerekmektedir. Fakat favikonu sitenize nas─▒l ekleyece─činizi bilmiyorsan─▒z a┼ča─č─▒daki maddeleri s─▒ras─▒ ile takip ederek sizde sitenizi Web 2.0 standartlar─▒na uydurmaya ├žal─▒┼č─▒n.

  1. ├ľncelikle kendinize g├╝zel bir favori icon tasarlay─▒n. Fakat bu favori iconun tam bir kare olmas─▒ ┼čart. Yani 99×100 bile yapsan─▒z taray─▒c─▒n─▒zda g├Âz├╝kmez. 100×100 boyutunda bir favicon tasarlayabilirsiniz.
  2. Daha sonra bu haz─▒rlad─▒─č─▒n─▒z resmi .ico uzantl─▒ bir ┼čekilde kaydedin. Bunu yapmay─▒ bilmiyorsan─▒z ├že┼čitli internet sitelerinde resminizi .ico uzant─▒s─▒na ├ževirebilirsiniz. Asl─▒nda bu madde ├žokta ├Ânemli de─čil. Resminiz .png yada .jpg bile olsa taray─▒c─▒da g├Âz├╝k├╝r. Fakat do─čru olan .ico uzant─▒s─▒d─▒r.
  3. Daha sonra haz─▒rlam─▒┼č oldu─čunuz bu resmi internet ortam─▒na y├╝kleyin. ─░ster kendi sitenize y├╝kleyin, isterseniz ba┼čka bir resim y├╝kleme sitesinden resmi y├╝kleyin. Bu fark etmez.
  4. Bu madde de sitenizin tasar─▒m dosyalar─▒n─▒ a├žman─▒z gerekecek. Sitenizde bulunan <head> etiketi aras─▒na a┼ča─č─▒daki kod eklenecektir. (WordPress kullananlar header.php dosyas─▒n─▒ a├žabilirler.) Yani <head> etiketinden sonra </head> etiketinden ├Ânce a┼ča─č─▒da bulunan kodu sitenize ekleyiniz. Fakat k─▒rm─▒z─▒ renkle yaz─▒lm─▒┼č olan resim yerine kendi resminizi koyacaks─▒n─▒z.
    Kod : <link rel="shortcut icon" href="http://teknofiber.net/wp-content/uploads/2013/09/teknoloji-blogu-fav.png" />
  5. Kodu <head> etiketi aras─▒na koyduktan sonra dosyan─▒zda ki de─či┼čiklikleri kaydedin ve siteyi yeniledi─činiz zaman bir favikona sahip oldu─čunuzu g├Âreceksiniz. E─čer g├Âremiyorsan─▒z ba┼čka bir taray─▒c─▒da a├ž─▒n yada kulland─▒─č─▒n─▒z taray─▒c─▒n─▒n ge├žmi┼čini silin ve yeniden girin. E─čer yine olmad─▒ysa 1. maddeden ba┼člayarak tekrar favicon eklemeye ├žal─▒┼č─▒n.

Yorum Yap