۱۳۸۵/۰۳/۲۶

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


سلام،

اگر دقت کرده باشید در آدرس بار کنار آدرس سایت 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. بر روی عکسی که هم اکنون در آدرس بار مرورگر شماست کلیک کرده و آن را بر روی آدرس سایت خود بکشید و سپس رها نمائید.





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

۲۵ نظر:

  1. خیلی ممنون و متشکر م
    خیلی عالی بود

    پاسخحذف
  2. سلام شما سایتی واسه آپلود ایکون سراغ دارین؟
    متشکرم

    پاسخحذف
  3. در وبلاگ های وردپرس شدنی است ؟

    پاسخحذف
  4. سلام دادش من كه نميدونم head چيه !! ميتوني بيشتر توضيح بدي من وبلاگ بلاگفا دارم !!

    يعنى بايد اون بالا تو ويرايش قالب عوض كنم يا جاى ديگه !! اگه ميشه توضيح بديد چجوري ميتونم عكس بالاي صفحه وبلاگ رو عوض كنم و معرف وبلاگ خودم رو بزارم ؟

    ممنون برادر !!

    پاسخحذف
  5. سلام
    من توی بلاگفا یه وبلاگ دارم.
    میخوام راهنماییم کنید
    برای قراردادن عکس( نمونه کارهام) اندازه عکس ها را کوچک کردم
    بعد از سایت آپلود سنتر برای به دست آوردن کد عکس استفاده کردم
    کد لینک مستقیم عکس رو در قسمت افزودن تصویر وبلاگم درج کردم
    دکمه پیشنمایش رو زدم
    عکس مشاهده شد
    تایید کردم
    اما حالا که می رم توی وبلاگم اصلا عکسی وجود نداره
    سایز عکس 3*3 با کیفیت 100

    پاسخحذف
  6. به آدرس زیر مراجعه کنین:

    FavIcon Generator
    http://tools.dynamicdrive.com/favicon/

    پاسخحذف
  7. salam baraye tarahi nemidoonam chikar konam va inke baghieye marahellam sakhtan
    mishe ye site khoob begin ke toosh Icon bashe?

    پاسخحذف
  8. سلام،

    سایت های زیر میتونن برای شما مفید باشند. این سایت ها تعداد خیلی زیادی آیکون آماده دارن:
    http://findicons.com
    http://www.iconfinder.com
    http://www.iconshock.com

    پاسخحذف
  9. ميشه راهنماييم كنيد كه اصلا عكس رو از كجا بيارم؟!

    پاسخحذف
  10. عکس رو باید طراحی کنید :)
    یا از سایت هایی زیر یک عکس مرتبط پیدا کنین:

    http://findicons.com
    http://www.iconfinder.com
    http://www.iconshock.com

    پاسخحذف
  11. تو ویرایش کد های قالب اخر کد ها نوشتهکد رو بزار جلوی این
    بعد اوجایی که نوشتهfavicon.ico پاکش کن و ادرس عکسی رو بزار که اپلود کردی
    یادت باشه برای وبلاگ ها اینجوری هست اما برای چت روم ها باید دو جا گذاشت این کد رو
    موفق باشی

    پاسخحذف
  12. توروخداااااااااااااااااااااااااا کمک کـــــــــــــــــن داداش صدتا جا رفتم هرکاری کردم نشد اخه چیکارکنم مــــــــــــــن؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

    پاسخحذف
  13. سلام،
    وقت بخیر؛
    همین روش باید کار کنه. مشکل چیه؟ چطور انجام دادید؟

    پاسخحذف
  14. سلام من یک فایو ایکون تو سایتم گذاشتم فقط اونو با مرورگر فار فوکس نشون میده من چه کار کنم می مخوام اونو با همه مرور گرا نشون بده
    کمک کنید زود زود ممنون میشم
    اینم سایتم که فایو ایکونو گذاشتم
    http://tisfun.ir/
    سری جواب بدین
    باتشکر مدیر تیس فان

    پاسخحذف
  15. سلام،
    فایل رو با اسم favicon.ico در پوشه / سایت خودتون آپلود کنین و کد رو با توجه به همین مطلب بروزرسانی کنین.

    پاسخحذف
  16. سلام من با ftp یه مشکلی دارم امروز موقع load شدن بهم error داد که username & password اشتباه چیکارش کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ کمک میخوام خیلی سریع......

    پاسخحذف
  17. ممکنه به خیلی چیزها بستگی داشته باشه. تنظیمات سرور عوض شده؟ با چه برنامه‌ای ftp میکنین؟ این خطا دقیقا چه زمانی رخ میدهد؟

    پاسخحذف
  18. عالي بود آقا سعيد يه نگاه هم به سئو سايت ما ميندازي ممنون

    پاسخحذف