حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.

برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:

<link href="http://adres-shoma/blogskin.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)

پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات  بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.

نظرات دوستان درمورد بخش پشتیبانی قالب ها و یا سوالات متفرقه پس از پاسخ به آدرس ایمیل شما ، از سایت حذف خواهند شد و ارتباط شما با سایت تنها از طریق آدرس ایمیل امکان پذیر است !

۴۸۸ نظر به قرار دادن آیکون برای سایت و وبلاگ (favicon)

  1. به روز گفت:

    واقعا خیلی ممنون

  2. ممــــــــدی گفت:

    کوتاه بگم
    عالی

  3. dcfran3 گفت:

    بابا ایول جون تو یه مدت بود در به در دنبالش بودم

  4. پریا گفت:

    ایول خوب بود

  5. مهدیjms گفت:

    ممنونم faviconعالی بود ولی از پیج رنک سر در نیاوردم.

  6. عرفان گفت:

    ممنون از کارتون

  7. میلاد گفت:

    سلام
    عالی
    مرسی

  8. JOJO گفت:

    SALAM. HARF NADAREEEEEEEEEEEEEEE

  9. فاطمه گفت:

    عالی بود اگه سایت شما نبود من از کجا این کارو یاد میگرفتم!؟

  10. رویا گفت:

    واقعا ممنــــــــــــــــــــــــــــــون

  11. محمد گفت:

    دمت داغ خیلی دنبال این گشتم اسمشو نمی دوستم شانسی پیداش کردم خیلی گلی

  12. shakiba گفت:

    واقعا ممنون. نمیدونم چه جوری ازتون تشکر کنم.خیلی متشکر

  13. وحید گفت:

    سلام
    کد و تو قالب رزبلاگ نیست !!
    جاییی دیگه میشه گذاشت؟

  14. امیرحسین گفت:

    من با چه زبونی ازتون تشکر کنم؟؟؟؟؟

  15. آرمیتا گفت:

    بابا ایوووووووووول در به در داشتم دنبالش می گشتم

  16. ALI T.N.A گفت:

    دستتون درد نکنه

  17. سارا گفت:

    بابا ایول
    ممنونم

  18. محمدامین گفت:

    سلام،واقعا ممنون از زحمات شما

  19. میثم گفت:

    عالییییییییییی خیلی ممنون

  20. آرین گفت:

    آقا دمتون گرم کلی حال دادین بهمون …

  21. hk90 گفت:

    سلام, متشکرم, جالب بود….

  22. mohamadrelax گفت:

    salam
    mer30 bahale vali chera man nmitonam

  23. HOSSEIN گفت:

    دمتون گرم خیلی خیلی ممنون

  24. النا گفت:

    واقعا ممنونم خیلی خیلی خیلی ممنوننننننننننننن

  25. علی گفت:

    ممــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــنون.

  26. علی ناصری گفت:

    بابا دمت گرم خیلی با حال بود.

  27. هادی گفت:

    سلام خوبه ولی من نمیتونم هر کاری میکنم نمیشه

  28. غزل فرهمند گفت:

    با سلام
    من آیکون و ساختم در این سایت اما کلید دانلود عمل نمی کند چه کنم؟

» ارسال نظرات

تمام حقوق این سایت و مطالب منتشر شده در آن برای مرجع راهنمای وبلاگ نویسان محفوظ است.