Home » Blogging

Stand Out With A Unique Favicon

29 November 2007 42 Comments

Hi, how are you today?

Let’s get back to one of the boring topics I always cover, about blogging. Ya .. sometimes I blog about things that are soooooo .. boring that it can make you go to sleep

… but please don’t snore :P

FAVICON

I always wanted to have a Favicon for my blog. It is a little image icon that helps identify a site. It was in my to do list but since it was not a priority I put it aside … until a nights ago when I visited some of my friends’ blogs. Cikgu Azleen blogged about making your blog unique by having a favicon while Syamsul Ariff blogged about how to put an animated favicon. Stop whatever I did and tried it out. Now, every time you open my blog, you will see the orange man icon next to the address bar. I am already accustom to it, so why not?

Since I have that there, I will be replacing the orange man avatar on this blog to a picture of the real me. Soon.

Regardless whether you want the ordinary or the animated one, the steps are still the same

  1. Make a small 16X16 pixel image. Save it as favicon.ico. You can use Irfan View to edit it.
  2. Upload that image to your blog’s root directory or your themes image directory (you need some knowledge on ftp and you also need to know your blog’s directory structure for this), or anywhere where you usually upload pictures.
  3. Then, open your header.php or the place where your header tags is, between <head> and </head>, and add in these lines (replace my example with your link)

<link rel=”shortcut icon” href=”http://www.azwanhadzree.com/favicon.ico”>
<link rel=”icon” href=”http://www.azwanhadzree.com/favicon.ico”>

or your can do like I did below, provided you know where and how your theme works.

<link rel=”shortcut icon” href=”<?php bloginfo(’stylesheet_directory’) ;?>/img/favicon.ico” />

Try it and you should see the icon next to your address line. If you bookmark my blog, the icon will show up in your bookmarks as well. More info at the links above.

[tags]favicon, bookmark, animated, irfan view[/tags]


 Powered by Max Banner Ads 

Related Post

42 Comments »

  • c11*5 said:

    Put your real picture in this blog soon? ye ke? hehehehe. Selalu letak separuh-separuh aja! hehehe. I nak carik gambar you time kanak-kanak riang dulu. Hari tu pindah, kakngah jumpa, tapi dah pack. Ur pix with bangpol and kaklong depan kereta AP atuk hamzah. I think I was 1 at that time, or not born yet. Tak sure whice year la. Nanti dah unpack barang, I will post it at my blog! hehehe. Gambar ayong kiut sangat, macam Nurin.

    I dah tido kat rumah baru last night. Sunday ni angkat barang. Nanti dah settle, please come and bring the kids. Take care. Muahsssss..

    Reply

    azwan reply on November 29th, 2007 12:24 PM:

    ha..ha.. tak kisah. buh lah apa pun :)
    btw, i will be in KL this weekend, kena balik ofis sana on saturday. See lah, if got time i singgah. pukul brapa angkat barang. tapi tak boleh promis sebab work full day on satruday.

    Reply

  • adila said:

    tengok gambar lelama ni seronok…mengingatkan kita tentang zaman bebudak dulu…
    dan mungkin ada yang terlahir dari mulut tu…
    ooo…macam ni rupanya aku masa kekecik dulu :)

    Azwan, please take a look about penculikan anak guna sihir at my blog…be ware!!

    Reply

    azwan reply on November 29th, 2007 12:25 PM:

    ya, kita tunggu dan lihat macam mana azwan masa kecik-kecik dulu :)

    Reply

  • c11*5 said:

    Angkat barang at 11 am. You still remember the old house kan? rumah sarah dulu, mine is next to it. Nanti buzz my hp. Ni yang sayang ayong lagi ni. Muahsss….

    kalau tak dapat dtg tolong pun kakngah still sayang ayong jugak. hehehehe

    Reply

    azwan reply on November 29th, 2007 9:18 PM:

    Alamak, forgot la .. the rest of my family is in Taiping. If i don’t go back to on Sunday .. kira macam seminggu la tak balik. So most probably not lah Aida.

    Anyway, did you get my email regarding the steps this morning. I didn;t get any reply. It was send to your office email address.

    Reply

  • am said:

    owh… bodohnye aku.. !!! selalu ternampak favicon ni disebut-sebut tapi tak tau pulak pe benda tu kan… kisahnya benda kecik tu yer.. nanti nak buat la..

    Reply

    Cikgu Azleen reply on November 29th, 2007 4:01 PM:

    Lepas ni nak tengok favicon am pulak..

    Reply

    am reply on November 29th, 2007 4:24 PM:

    dah buat… tapi tak kuar pown..

    Reply

    azwan reply on November 29th, 2007 9:26 PM:

    Am,
    the only way to confirm is to put the full path of where you put the favicon.ico in the task bar and see whether it got displayed or not.

    if it is displayed, then just copy that full path to your hearder

    vangardx reply on November 29th, 2007 4:24 PM:

    cikgu..ada something wrong dgn blog cikgu..loading time terlalu lama..taktau kenapa..sebab speed connection kat sini ok je..

    Reply

    azwan reply on November 29th, 2007 9:23 PM:

    aaa ..aa , i pun terasa slow sikit. if i;m not mistaken cikguazleen pun di netkl. something wrong with any script.

    am reply on November 30th, 2007 12:54 AM:

    yerla am pun tak dapat msuk kat single page cikgu.. penat cfos tarik speed sampai 170k tapi tak load pon..

  • vangardx said:

    thanks azwan for the pingback..
    mcm2 org buat..tak kisahla nak buat ape..janji nampak..mcm aku letak kepala org tanpa muka..jgn lupa buzz aku kalau dah letak gambar sendiri.. :D

    Reply

    azwan reply on November 29th, 2007 9:30 PM:

    that will be RM 20 …

    ha..ha.. aku bergurau aje.

    Reply

  • saharman said:

    Terima kasih pasal tunjuk ajar tu ..aku dah buat untuk blog Hariz tu , tapi cuma yg simple je laa huruf H.

    Reply

    azwan reply on November 29th, 2007 9:31 PM:

    ya, aku dah nampak. ini satu cabaran buat Am dan Zaki … he..he… he…

    Reply

    am reply on November 30th, 2007 12:36 AM:

    merasa buat nanti2… banyak kerja nak kena settle dulu..

    Reply

    zaki reply on December 1st, 2007 6:58 PM:

    hmm…nanti aku buat letak gambar muka aku tu….

    Reply

  • catzer said:

    pokcik aku mahu satu tolong buatkan boleh :p

    Reply

    azwan reply on November 29th, 2007 9:56 PM:

    kau nak icon ke? aku bukan pakar graphic le cik adik ooi. Orange Man tu pun, orang yan buat kan … ori tau, bukan ciplak mana-mana.

    Reply

  • zaki said:

    I tried to make my favicon a day before you made yours. Unfortunately, i still can’t do it. I don’t know what went wrong. After few hours of frustration, I stopped. Then a few hours later I saw Azwan’s favicon.

    Good that you already have it bro.

    I’ll try again in the weekend.

    Reply

    azwan reply on November 29th, 2007 9:58 PM:

    what’s the problem? creating favicon.ico or uploading it. try the method i mentioned above and hard code the url.

    or just put in you blog root directory, by right it should be automatically detected.

    Reply

    zaki reply on November 30th, 2007 12:43 AM:

    I’ve done all that. I’ll try again in the weekend. Thanks bro.

    Reply

    zaki reply on December 2nd, 2007 10:32 PM:

    hmm no time to do it during the weekend. I guess, I’ll do it whenever I have the time. Priority is currently not on the favicon!!!

  • shutterspeaks said:

    favicon ko mmg sinonim da ngan ko… pakcik rambut merah ekekekeke….

    Reply

    azwan reply on December 2nd, 2007 12:48 AM:

    oren ..
    oren ..
    oren lah Hayat ..
    bukan merah

    Reply

  • Azhar Ahmad said:

    Hahahha, saya guna Irfan view untuk edit all pic kat my blog, ringan dan cepat!

    Reply

  • Bat said:

    Alamak, aku tak pernah cuba lagi benda nih..huhuhu…

    Reply

  • Platform Beds said:

    I found this site very interesting (in spite of the fact that i dont understand most of the comments :) ), this is the first blog i have visited from South east Asia.

    Reply

    azwan reply on December 2nd, 2007 12:55 AM:

    Welcome :)

    Reply

  • Dining Room Tables said:

    I did not even know what a favicon was till I read your blog. No, I did not fall asleep. I quite like the idea and look forward to seeing a real picture of yours soon. When I put mine up on my blog, I shall simply get a friend of mine who knows all about these things to do it for me!!

    Reply

    azwan reply on December 3rd, 2007 11:09 PM:

    r you sure you don’t know? you got one at your site :P

    Reply

  • yginsaf said:

    leh wat favicon kat wordpress ker?

    Reply

    azwan reply on December 3rd, 2007 11:14 PM:

    yginsaf,
    yes you can. i’m using wordpress too :) . But if you are referring to wordpress.com (where your blog reside) i think u need to pay some money to have access to modify the php scripts.

    Reply

  • cirtex said:

    favicon can give a unique look to your blog

    meanwhile i cannot understand most of comments here
    what language they are in ?

    Reply

    azwan reply on December 3rd, 2007 11:11 PM:

    Bahasa Malaysia. check this out

    http://en.wikipedia.org/wiki/Malay_language

    Reply

  • c11*5 said:

    Hi ayong. Received your email. Will look into it later. I’ve tranfered all things to the new house. I have a lot of things. I made a first class area for the kids to come and sleep over/watch dvd at my house (provided our darling adik sponsor the sony latest dvd!)

    Please visit my blog, I had a picture of me and your ex-school mate! :)

    Reply

    azwan reply on December 3rd, 2007 11:12 PM:

    ha..ha.. saw it. Did you ask him to visit my blog?

    Reply

  • Natasha said:

    Thanks for the hint, I have seen these aviators on other blog sites, unfortunately I haven’t put them on any of my blogs…..yet. Watch this space!

    Reply

  • animated favicon said:

    How can I make the favicon roll from up to down?

    Reply

    azwan reply on May 28th, 2008 12:19 AM:

    You tell me. You have a favicon site? :)

    Reply

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.

Security Code:

ss_blog_claim=b955b5e1b5146d0cab088548d04f4d2f