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

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

  2. عرفان حاتمی گفت:

    Your website is very gooooooooooooooooooooooooooood

  3. دختر حرفه ای گفت:

    سلام.مممممممممممممممنونم.خوشحالم کردید.حالا یه آیکون ناز دارم.

  4. mehran گفت:

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

  5. mehdi گفت:

    salam sayteton kheyli pormohtava va ali hastrsh khastam zemne estefade az matalebeton tashakori ham bokonam az zahmateton

    mehdi-tabriz

  6. ghazal گفت:

    mer300000000000000000000000000000000000000000

  7. فرشید گفت:

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

  8. سعید گفت:

    خیلی خوب بود

  9. سارا گفت:

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

  10. یسببشیسبشسی گفت:

    اوهههههههههههههههههههههههههههههههههههههههههه

  11. m.albo گفت:

    بابا دمتون گرم عجب سایتی دارین
    دستتون درد نکنه

  12. اقبال گفت:

    droooooooooooooooooooood

  13. Sara گفت:

    واقعا سایتتون بی نظیره

  14. محمد آقااحمدی گفت:

    سلام
    خیلی عالی بود انصافا دمتون گرم.

  15. mohammad گفت:

    سلام استفاده کردم. ممنون

  16. محمد نجفی گفت:

    واقعا دستتون دررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررررد نکنه

  17. جواد گفت:

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

  18. عبد مناف گفت:

    سلام خسته نباشید بهره بردم خداحافظ

  19. میلاد روزبان گفت:

    عالی بود ممنون از زحماتتون امیدوارم موفق باشید

  20. elyas graph گفت:

    harf nadariiiiiiiiiiiiiiiiiiiiid
    حرف نداریییید به مولا
    کارتون بیسته ۲۰ه

  21. لیلا گفت:

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

  22. محسن گفت:

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

  23. nashenas گفت:

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

  24. آرزو گفت:

    دستتون درد نکنه چقدر خوبه که فایل ها رو تا این حجم آپلود می کنید . واقعا سپاس گذارم .

  25. شارلوطےِ گفت:

    واقعا دمت جــــ ـــــیـــــــــ ز
    خیلـےِ کار آمد بود
    تشکر ِ فراواטּ

  26. SAJAD96 گفت:

    FAGHAT BAYAD BEGAM ALI BOOD!!!

  27. mehrdad.replay گفت:

    دمتون جیززززززززززززززززززززززززززززززززززز

  28. محمد حسین گفت:

    بسیییییییییییییار خووووووووووووووووب بووووووووود

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

    خوب بود
    دمتون گررررررررررررررررررررررررررررررممممممممممممممم

» ارسال نظرات

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