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

  4. احسان می‌گه:

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

  5. آرین می‌گه:

    وری گــــــــــــــــــــــــــــــــــــــــــــــود

  6. با عرض سلام و وقت بخیر خدمت شما
    از سایت توپتون نهایت استفاده رو بردم
    بابت لحظه لحظه هایی که در خصوص بروزرسانی و پربار نمودن سایتتون وقت میذارین بینهایت سپاسگزارم
    روزهایتان آفتابی و شبهایتان پرستاره

    بخدا حرف ندره
    تشکر

  7. الکترومگ می‌گه:

    ممنون خیلی بدرد بخور بود
    ممنون

  8. bloom winx می‌گه:

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

    ممنون

  9. mohmahkho می‌گه:

    دستتون درد نکنه من با کروم رفتم اولش نشد ولی بهد با ینترنت اکسپلورر رفتم نشون داد مــــــــــــــــــــــــــــــــــــــــــــــــمـــــــــــــــــــــــــــــنــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــون

  10. فرزاد گرامی می‌گه:

    با سلام
    خدمت شما
    ظاهر وبسایت شما عالی است و همچنین مطالبی که در آن گنجانده اید با تشکر از شما
    همیشه پیروز و موفق باشید

  11. qasem_plus می‌گه:

    واقعا عالی بود اصلا فکر نمیکردو کار کنه ولی کار کرد.
    thx

  12. http://HCK.20r.ir می‌گه:

    دمتون گرم !من که حال کردم!

  13. موسوی می‌گه:

    سلام این مطلب خیلی به دردم خورد واقعاً ممنونم

  14. من انجام دادم
    بلا فاصله روی گوگل کروم موبایلم اجرا شد.
    ولــــــــــــــــــــــــــــــــــــــــــــــــــی روی لپ تاپ نه
    برام خــــــــــــــــــــــــــــــــعلــــــــــــــــــــــی جالبه

  15. saeid می‌گه:

    بسیار مطالب اموزنده و خوبی می گذارید.

  16. فاطمه می‌گه:

    خیلی سایت خوبی می باشد

  17. احسان می‌گه:

    خداوکیلی دست مریزاد … بهترین راهنمایی در زمینه ساخت یک وب خوب و عالی ….

  18. yasamin می‌گه:

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

  19. الهه می‌گه:

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

  20. لرد یاماها می‌گه:

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

  21. HPMAN می‌گه:

    AGHA DAMET GAAAAAAAAAAAAAARM

» ارسال نظرات

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