حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا 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. Maedeh گفت:

    عـــــالی بود دستتون درد نکنه

  2. morteza گفت:

    خیلی خوب بود تشکر از لطفتون

  3. سرباز آبی اناری گفت:

    salam.ba tashakor as in abzar ha

  4. Ehsan گفت:

    واقعا مطالب مفیدی در سایتتون میذارین.خیلی ممنون.

  5. 1زمینی گفت:

    بسیار عالی

  6. حمید رضا رئیسی گفت:

    می خوام بگم واقعا خسته نباشید.

    خیلی خیلی سایت خوبی دارید.ایول داره.

    ممنون

  7. mohammad گفت:

    خیلی عالی بود

  8. zahra گفت:

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

  9. erfan گفت:

    خیلی ممنون من مدت ها بود دنبال همچین چیزی بودم

  10. Ali EDP گفت:

    بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار عالی بود.

  11. amir گفت:

    با تشکر. بسیار کامل و جامع بود. ممنون از توضیحاتتون.
    موفق باشید

  12. ehsan2880 گفت:

    سلام خدا قوت .

  13. ali گفت:

    ممنون دنبال همچین کدی بودم خیلی وقته.

  14. محمد علی زاده گفت:

    من هنوز تو وبلاگم امتحان نکردم که ببینم کار مکی کنه یا نه اما باز هم دستتون درد نکنه
    خیییییییییییییییییییییییییییییییییییییییییییییییییییلی ممنون!!!!!!!

  15. زهرا گفت:

    دمتون حسابی گرم

  16. علی گفت:

    دمت داغ.عالی بود.من فقط در صورتی اومد اون عکسه وقتی که با فرمت gif ذخیره کردم

  17. علی گفت:

    بسیار ممنون
    کمک بسیار خوبی به من کردید

  18. سیدمجیدشفتی گفت:

    باسلام وخسته نباشیدوعرض تبریک سال نو خاستم تشکر کنم ازسایت خوبتون عالیه ممنون از زحماتتون

  19. rmz گفت:

    سلام.
    خوب بود.

  20. دانیال گفت:

    با عرض سلام و خسته نباشید خیلی عالی بود منونم

  21. باقر گفت:

    عاللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللللی بود دستتون دررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررد نکنه

  22. مهدی بیگناهی گفت:

    از زحمات شما عزیزان صمیمانه متشکرم .
    شاد باشید

  23. پسر بارونی گفت:

    سلام و خسته نباشید.من خیلی وقته میخوام فاوایکون وبسایتمو درست کنم ولی توضیحات سایت های دیگه کامل نبود و بلاخره با توضیحات دقیق شما موفق شدم 🙂
    به منم یه سر بزنید

    با تشکر: پسر بارونی

  24. miladsd گفت:

    واقعا دمتون گرم خیلی ممنون عالی بود

  25. ali heidari گفت:

    به نظر من خوب نبود عالی بود واقاً عالی عالی عالی عالی عالی عالی عالی عالی بود!!!!!!!!!!!!!!!!!!!!!

  26. سجاد گفت:

    سلام
    مرسی عالی بود خیلی ممنون
    واقعا دستتون درد نکنه
    مرسییییییییییییییییییییییییییییییییییی

  27. پرنده غریب گفت:

    مرسی خیلی بردم خورده تا حالا این سایت

    یه سوال ایا میشه محل قرار گرفتن ایکون رو هم انتخاب کرد یعنی میشه هرجا خواست قرارش داد یا نه کاش جواب اینم میدادید در هر صورت مرسیییییییییییییییی

  28. سکوت گفت:

    ممنووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووووون

  29. محمدابراهیم فلاح گفت:

    سلام … عالی بود ممنونم از شما آقای رحیمی عزیز !!

  30. حدیث گفت:

    عاااااااااااااااااااااالیه عاااااااااااااااااااااااااااالی بود.
    اززحمات شما ممنونم.

» ارسال نظرات

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