Blogger Favicon Yapımı (Web-Tarayıcı Site Logosu)

Gönderen Yasin 10 Nisan 2009 Cuma

Favori ikon yani favicon, tarayıcılarda blogunuzun Urlsinin yanında bulunan küçük logudur. Blogspot kullanıcısıysanız turuncu-beyaz renkteki blogger simgesini görürsünüz. Eğer sizde farklı bir favicona sahibi olmak istiyorsanız bu hiç de zor değil.
İkon bulmakta zorluk çekiyorsanız birbirinden güzel faviconlara iconarchive'den ulaşabilirsiniz.
Peki nasıl iconarchive'i kullanarak bloggera icon ekleyeceksiniz?
Aşağıda vermiş olduğum kodları <head> ve </head> kodları arasına yapıştıracaksınız.

<link href='http://imagehost.com/sizinfavicon.ico' rel='shortcut icon'/> <link href='http://imagehost.com/sizinfavicon.ico' rel='icon'/>
Yeşil kodları kendi .ico dosyanızla değiştireceksiniz. Bu kadar...

Peki kendi iconunuzu oluşturdunuz fakat .ico formatında değil mi üzülmeyin. Diğer formatlar için de aynı işlemi yapabilirsiniz. Ben aşağıda benim iconumu verdim kırmızı olan linki kendi ikon linkinizle değiştirebilirsiniz..
<link href="'http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif'" rel="'shortcut">
Bu işlem de bu kadar. Diğer ipuçlarını bu adresten inceleyebilirsiniz.
-http://tambirblog.blogspot.com/

Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

35 yorum

  1. Aşk Meleği Dedi ki,

    merhaba
    bloğunuzu severek takip ediyorum.. Burda bişey paylaşmak istedim. yaklaşık 10gün önce kendi faviconumu yaptım ve yerine yerleştirdim ama yerleştirene kadar canım çıktı çünkü bu kodu head komutları arasında herhangi bir yere yerleştiriyordum ondan olmuyormuş.oysaki kod; kapanıştan hemen önce kopyalanmalıymış... eğer yapamayan olursa birde bu şekilde denesinler...sevgiler...

    10 Nisan 2009 23:33

     
  2. dropofblood Dedi ki,

    Paylaştığın bilgi için teşekkür ederim...

    11 Nisan 2009 00:03

     
  3. ncdt Dedi ki,

    Selamlar ben de nihayet yapabildim bu adrese http://www.webscriptlab.com/favicongenerator.php
    kendi istediğiniz resimleri yükleyip icon olarak alabilirsiniz.Teşekkürler

    11 Nisan 2009 13:44

     
  4. hakan-can Dedi ki,

    Siz katılmadınız mı yarışmaya Bloğunuzu göremedim..?

    11 Nisan 2009 14:14

     
  5. dropofblood Dedi ki,

    Yok ya ben katılmadım hangi kategoride katılacağımı bilmiyordum... Bir de kalabalık etmek istemedim blogumun içeriği de yeni yeni oturuyor zaten... İnşallah seneye...:d

    11 Nisan 2009 14:21

     
  6. hakan-can Dedi ki,

    Teknoloji olabilirdi mesela...
    Neyse seneye inşallah..:))

    11 Nisan 2009 14:29

     
  7. dropofblood Dedi ki,

    Kategoriler sınırlı olmuş bence...
    Bu sene geçti seneye bende aranızda olurum inşallah:)))

    11 Nisan 2009 14:43

     
  8. uzmanamator Dedi ki,

    bunu yapmaya çalışırken şöyle bir hata verdi bana blogger ''Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
    XML hata iletisi: The element type "link" must be terminated by the matching end-tag "".''

    bendeki kodlar şu şekilde;
    html yazamadım buraya resmine bir bakabilriseni z..http://farm4.static.flickr.com/3401/3436867567_7bf555c936_o.png

    13 Nisan 2009 10:52

     
  9. dropofblood Dedi ki,

    @uzmanamatör
    Bir şöyle deneyebilir misin?

    </head> kodundan hemen sonra
    <link href="'http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif'" rel="'shortcut">
    sadece bu kodları yapıştırır mısın? Tabii kendi resminle değiştirerek...

    13 Nisan 2009 11:27

     
  10. uzmanamator Dedi ki,

    yine olmadı aynı hatayı verdi :(

    13 Nisan 2009 11:47

     
  11. dropofblood Dedi ki,

    http://img4.imageshack.us/img4/9572/image3oxy.jpg
    bak bu da benim resim... kodları beninkinde head kodundan sonra ama önüne koyuncade oluyor... Hatanın nedenini tam olarak bilemiyorum. 3 temada daha denedim....
    Denemem şu şekilde hepsi çalıştı:
      </head> kodunun hemen üstüne:
    <link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='shortcut icon'/> <link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='icon'/>

    kodlarını yapıştırdım.. Bu kodu aynen deneyebilir misin?

    13 Nisan 2009 12:29

     
  12. uzmanamator Dedi ki,

    şimdi oldu sizin resim linki yerine bana ait olanı koydum oldu uyguladı ama sanırım bu ssefer de benim fotoğrafın boyutlarında bir sıkıntı var sizin ikonun boyutları kaç acaba?
    yardımlarınıza çok teşekkürler....

    13 Nisan 2009 12:53

     
  13. dropofblood Dedi ki,

    30x30px sanırım...

    13 Nisan 2009 13:28

     
  14. Doğa Dedi ki,

    Denedim ve oldu tesekkur ederım biz kez daha :)

    16 Nisan 2009 03:04

     
  15. dropofblood Dedi ki,

    Ne demek efendim:))

    16 Nisan 2009 13:23

     
  16. atxaga Dedi ki,

    hocam /head ile head ın sağına soluna altına üstüne heryerine yapıştırdım kodları fakat olmadı. acaba bu benim beceriksizliğim mi yoksa temanın azizliğimi? ayrıca aklımıza geldikçe tam bir blog için hayır duası ediyoruz, eklentiler için :)
    bu favicon olayınıda çözersek duayı alkışlaya alkışlaya edicez :)
    kolay gelsin.

    12 Mayıs 2009 03:54

     
  17. dropofblood Dedi ki,

    </head> kodunun hemen üstüne:
    <link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='shortcut icon'/> <link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='icon'/>

    böyle çalışması lazım hocam...

    12 Mayıs 2009 16:06

     
  18. atxaga Dedi ki,

    olmuyor hocam :) resmi ico uzantılı da yaptım ama nafile. şablona uyumsuz olmasın?
    yine de sağolasın.

    13 Mayıs 2009 17:11

     
  19. dropofblood Dedi ki,

    hangi tarayıcıyı kullanıyor IE de gözükmüyor.. Olmamasına üzüldüm. Başka nereye konulur bilemiyorum... tÜm denediğim temalarda üstteki yöntem çalışıyor:(

    13 Mayıs 2009 17:15

     
  20. atxaga Dedi ki,

    Bu yorum yazar tarafından silindi.

    13 Mayıs 2009 17:18

     
  21. dropofblood Dedi ki,

    @atxaga
    il yorumda da Aşk Meleği bu konuda zorlandığını söylemiş. Ama ben temadan kaynaklandığını düşünmüyorum.
    bir de şunu dener misin? aşağıdaki kodu ara.. title yazarak arayabilirsin
    <title><data:blog.pageTitle/></title>
    bu kodları bulduktan sonra hemen altına aşağıdaki kodları yapıştır
    <link href='icon linkin' rel='shortcut icon' type='image/x-icon'/>

    13 Mayıs 2009 17:28

     
  22. atxaga Dedi ki,

    yine olmadı, neyse artık hocam favicon sevdasından vazgeçelim en iyisi. başka konularda kafanı ağırtmak üzere teşekkür ediyim ben sana. kolay gelsin.

    13 Mayıs 2009 17:37

     
  23. dropofblood Dedi ki,

    başka yöntem bulursam yine yazarım bu yorumların altına atxaga...

    13 Mayıs 2009 17:38

     
  24. atxaga Dedi ki,

    tamam hocam sağolasın. zaten tüm blog hepberaber takipteyiz seni :)
    tekrar kolay gelsin.

    13 Mayıs 2009 17:43

     
  25. dropofblood Dedi ki,

    teşşekürler:)

    13 Mayıs 2009 17:56

     
  26. Eftal Diner Dedi ki,

    birşey dicem kızacaksın ama yapamadım :D head head kodları nerde ya 1 tane kod var en üstte o nasıl oluyor ayrıca iki kodu damı yapıştırıcaz nereye S:

    16 Mayıs 2009 15:32

     
  27. dropofblood Dedi ki,

    Yok kızmam:)) önce widget şablonunu genişlet...
    </head> kodunu bul (ctrl+f) tuşuna beraber bas ara... hemen üstüne
    link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='shortcut icon'/> <link href='http://img258.imageshack.us/img258/3082/tbb30x30ye3.gif' rel='icon'/>
    bunları yapıştır ama kendi resminle daha sonra değiştir...

    eğer olmazsa </head> kodunun altına yapıştır...

    16 Mayıs 2009 15:37

     
  28. Eftal Diner Dedi ki,

    oleyy be oldu çok sağol :D

    16 Mayıs 2009 18:27

     
  29. KONHAF Dedi ki,

    Benimkide oldu:) Teşekkürler çok güzel anlatım...

    19 Mayıs 2009 15:46

     
  30. Eftal Diner Dedi ki,

    oleyy be süpersin ya çok sağol ya ohhh yeni tema yapmıştım olmuyordu yorumlarda gördüm çözümünü çok sağol :))

    23 Mayıs 2009 13:23

     
  31. Kemal Dedi ki,

    evet head ve /head kodlarinni hemen sonra sina yerleştirilcek yaptiktan sorna yorunmlara baktim :D gitti 15dk bosa :P

    Eline sağlik üstat sen bu işleri aşmissin :D inş. birğün Senin Son Yazilar Son Yorum gibi şeyide öğretirsin :) benim kiler alt alt'a çok yer kapliyor.

    26 Mayıs 2009 13:49

     
  32. kolonto Dedi ki,

    ''Yok kızmam:)) önce widget şablonunu genişlet...
    ... kodunu bul (ctrl+f) tuşuna beraber bas ara... hemen üstüne
    .............
    bunları yapıştır ama kendi resminle daha sonra değiştir...

    eğer olmazsa ... kodunun altına yapıştır...'' Hocam bu yorumdaki yontemle head'ın altına koyup hallettim Teşekkürler!

    27 Mayıs 2009 14:21

     
  33. ebvata Dedi ki,

    Teşekkürler,çabucak hallettim faviconu:)

    4 Haziran 2009 10:16

     
  34. Tam Bir Blog Dedi ki,

    Eftal Diner,KONHAF,Kemal ,ebvata:
    hayırlı olsun arkadaşlar....

    4 Haziran 2009 17:18

     
  35. dark road Dedi ki,

    Teşekkürler!

    24 Haziran 2009 05:07

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler