Monday, March 26, 2007

faveIcon.ico and web-vanity

If you've run around the internet long enough, you've probably bookmarked a page or two and noticed that these pages have a special icon beside them once they get into your list of frequented sites. This thought quickly passes though and you move on with you life.

Well, just in case you wanted to know what the hell that icon is and how the hell they put it there, read on.

The icon beside the bookmark (and, if you're using Firefox, the icon beside the URL in your address bar) is usually called 'faveIcon.ico'. If you're interested in getting one of those, use this online icon editor I used which worked fine.

Now, sticking this little icon into your page is as simple as using this special HTML tag:

<LINK REL="SHORTCUT ICON" HREF="/~your_directory/faveicon.ico">

... which you simply stick(for the unversed in HTML, don't forget to change the "/~your_directory/" to wherever you uploaded the icon in the net) inside your page somewhere (although some sites suggest you put it inside the <head> tag). For multiply, they said you put it "in your title" and I assume they meant inside the site title on your multiply home page. I'll test later, since the last step can only be done when I've finished this post.

This last step is for multiply users (or for those who can't find a place to upload that damned .ico file). A problem you'll encounter when working with the 'faveIcon.ico' file is it's extension. Photobucket, friendster, livejournal and multiply don't like the .ico extension (or any other image extension that isn't .png, .gif, or .jpg).

The work around I found was to upload the icon into a multiply post using the 'attachment' option and hence, I'm posting this.

Three cheers to the new icon and web-vanity! Hip Hip Hurrah! Hip Hip Hurrah! Hip Hip Hurrah!

EDIT: Stupid multiply won't let me stick the icon code inside the site title. Currently looking for people who know how to bypass this. I guess some people got away with it when multiply wasn't using the spiffy new "edit site" interface. damn.

10 comments:

  1. ~sigh~ i asked around and it turns out multiply turned off the option just a few days ago.MALAS!

    ReplyDelete
  2. Same as hindi pwede mag-javascript. *sigh*

    ReplyDelete
  3. if by index you mean root, yeah. kung nasa root folder ng site mo yung icon, mababasa sya ng browser.pero an alternative is to use the <link> tag to remotely call the icon. makikita sya ng browser and TADAH! meron nang icon ang site.unfortunately nga... ayaw ipasok ng multiply sa site title yung <link> tag

    ReplyDelete
  4. I use this Photoshop plugin: http://www.telegraphics.com.au/sw/dl.php3?file=ICOFormat-1.6f9-win.zipPero di ba kelangan na nasa index mismo yung favicon.ico?

    ReplyDelete
  5. ^Nuuuuuuu...it's not working. I mean, the popup on your site.Demn.

    ReplyDelete
  6. Owww. -____- Lucky me.Makahanap na nga ng hack for firefox.

    ReplyDelete
  7. oh, another limitation, the hack doesn't work in firefox.. haha! =D

    ReplyDelete
  8. Pampaganda rin naman ng multips e! :D

    ReplyDelete
  9. hahahahahahahaha... all this for some 16x16 pixel icon!

    ReplyDelete