how to add icon at start of link in status bar of Website

Design a logo of logo with the extension .ico
Design the gif of size 32*32 or 16*16
At following code under the head tag at html page
suppose we have a abc.ico and a xyz.gif
<link rel="shortcut icon" href="../abc.ico" >
    <link rel="icon" type="image/gif" href="..xyz.gif">