نحوه قرار دادن عکس کنار آدرس بار

سلام،

اگر دقت کرده باشید در آدرس بار کنار آدرس سایت http://zebardast.ir یک آیکون مشاهده می نمائید. در اصطلاح به این عکس فاویکون (Favicon) گفته می شود. برای اینکه شما نیز کنار آدرس سایت یا وبلاگ خود عکس را قرار بدهید مراحل زیر را پی بگیرید:

1. یک آیکون در سایز 16*16 طراحی نمائید.


2. فایل را با نام favicon.ico ذخیره نمائید.


3. فایل آیکون را بر روی یک سرویس دهنده آپلود نمائید.(در صورتی که سایت دارید در شاخه اصلی آپلود کنید)


4. کد زیر را در قسمت head قالب صفحه اصلی خود اضافه کنید: (به جای favicon.ico آدرس فایل آیکون را بنویسید. در صورتی که در شاخه اصلی سایت خود آپلود نموده اید نوشتن favicon.ico کافی است)

برای فاوآیکن با فرمت ico:
[html]
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
[/html]
برای فاوآیکن با فرمت png:
[html]
<link rel="icon" href="/favicon.png" type="image/png"/>
[/html]
برای فاوآیکن با فرمت gif:
[html]
<link rel="icon" href="/favicon.gif" type="image/gif"/>
[/html]

چند نکته:

• مرورگر اینترنت اکسپلورر favicon را فقط در صورتی که در دایرکتوری ریشه و با فرمت ico باشد نمایش می دهد.


• استفاده از فایل های متحرک برای این منظور غیر استاندارد می باشد ولی در صورتی که قصد دارید تا فایل متحرکی را در کنار آدرس سایت خود در آدرس بار قرار دهید، ابتدا فایل را با فرمت Gif طراحی نموده و سپس نام آن را به favicon.ico تغییر دهید. بدلیل استاندارد نبودن این روش ممکن است بعضی از مرورگر ها از آن پشتیبانی ننمایند.


• سایز استاندارد آیکون برای این کار 16*16 می باشد ولی شما می توانید از سایز های دیگر نظیر 32*32 و 48*48 نیز استفاده کنید.

• در صورتی که بعد از مراحل بالا عکس را در آدرس بار مشاهده ننمودید، می توانید با انجام یکی از دو کار زیر آیکون را مشاهده نمائید:
  
  
  
  1. Cache مرورگر خود را پاک کنید.
  
  
  2. بر روی عکسی که هم اکنون در آدرس بار مرورگر شماست کلیک کرده و آن را بر روی آدرس سایت خود بکشید و سپس رها نمائید.
  
  
  
  

شاد و پیروز باشید