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

    salam be nazar man khobe vali age bache ha ba ham dar ertebat bashan kheili behtare

  2. milad گفت:

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

  3. Aref Hosseini گفت:

    in ravesh ghadimiye vali aksaran balad nistan

    Nice Share

  4. FARID MOGHADDAM گفت:

    واقعا عالی بود ممنون از راهنماییتون

  5. دریچه سینما گفت:

    ممنون

  6. mojtaba گفت:

    ممنونم عالی بود

  7. erfan گفت:

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

  8. nasa گفت:

    ایییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییول

  9. مهرزاد گفت:

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

  10. مبین گفت:

    ببخشید من همان کاری که گقتید کردم ولی انجام نشد می تونید راهنمایی کن سرویس سایت
    ساز من رزبلاگ هستش.

  11. mliye گفت:

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

  12. رضا گفت:

    ماکه نفهمیدیم چی شداما دمتون گرم باابزاراتون خسته نباشید

  13. پریسا گفت:

    خوب بود اما بیشترش کنید

  14. طناز گفت:

    سلام…
    وای دمتون جیز
    خیلی خوف بود
    بوس

  15. میلاد گفت:

    این سایتی که واسه آپلود favicon گذاشتین باز نمیشه!!!!!!!!

  16. محمد گفت:

    مرسی – تغریبا از همه استفاده کردم

  17. alireza گفت:

    خیلی ممنونم از این مطالب جالب.

  18. [pezhman گفت:

    tashkor mikonam asan va ali bood

  19. معین گفت:

    مطالب جدید اضافه کنید.

  20. امیر گفت:

    من هم دقیقا همینکارو کردم اما کار نکرد….

  21. MohamamdReza گفت:

    باحاله دستتون درد نکنه

  22. martin samani گفت:

    بادرودی فراوان به شما دوست عزیز
    من هم که نفهمیدیم چی شد
    خدا حافظ نمیگم من همیشه میگم
    بدرودی

  23. amir گفت:

    سلام.من favicon ساختم و دانلود کردم. میشه کامل تر توضیح بدید.مثلا عکس را کجا آپلود کنم؟؟؟بعدش چیکار کنم؟؟؟

  24. هدیه گفت:

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

  25. farhad گفت:

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

  26. ♣Hamed♣ گفت:

    واقعا عالی بود ولی من بلد نبودم ههههههه
    بی خیل از اینکه پست گزاشتی ممنون

  27. علی گفت:

    بــــــــــــــــــــــــــــــــــــیــــــــــــــــــــــــــــــــســـــــــــــــــــــــــــــــــــــــــت

» ارسال نظرات

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