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

    زیباست

  3. alireza می‌گه:

    خیلی خیلی ممنون
    ببخشید سلام (یادم رفت!)

  4. Hesam می‌گه:

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

  5. واااای دمتون داغ داغ داغ… کللللللللللللللللی دنبالش بودم. انشاءا… همیشه سایتتون همینجوری هلو بمونه…

  6. حمید می‌گه:

    تشکر تشکر تشکر

  7. bib می‌گه:

    خیلی ممنون خیلی دنبالش می گشتم

  8. سید احسان می‌گه:

    goooooooooooooooooood

  9. امیر می‌گه:

    مرسی خیلی دوست داشتم بدونم چجوری میشه گذاشت
    سایتتون خیلی باحاله اگه میشه کد های جاوا اسکریپت بیشتر بذارید.
    بازم تشکر

  10. محمد می‌گه:

    سلام ممنون………..خیلی عالی بود انشاالله موفق باشید و سربلند

  11. حمیدرضا می‌گه:

    سلام

    واقعا متشکرم
    مرسسسسسسیییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییی

  12. عالی عالی فقط بما هم سری بزن وبلاگم نوشتم

  13. احسان لک می‌گه:

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

  14. مهدی می‌گه:

    ممنونم از شما واقعا عالیه

  15. aliresa karimi می‌گه:

    واقعا ممنون از شما خیلی باحال بود

  16. xpango515 می‌گه:

    ممنون .خیلی به کارم اومد

  17. assabeghon.ir admin می‌گه:

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

  18. مینا می‌گه:

    آیکناتون جالبه!!!

  19. shayan می‌گه:

    اقا این بلاگفا نمی دونم چی کار کرده همش لوگوی خودش میاد

  20. سجاد می‌گه:

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

  21. شیوا می‌گه:

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

  22. yazdan می‌گه:

    سلام.این که نمیاد.فقط ارم بلاگفا میاد.

  23. amin می‌گه:

    این بلاگفا فقط آرم خودشو میاره!

» ارسال نظرات

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