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

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

  7. Master می‌گه:

    دمت گرم داییییییییییی حال کردیم

  8. نرگس می‌گه:

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

  9. www.chrt.rzb.ir می‌گه:

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

  10. mh می‌گه:

    مرسی عالی بود
    لطفا چگونگی دادن سپاس را توضیح دهید

  11. TN_GH می‌گه:

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

  12. مهسان بلاگ می‌گه:

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

  13. سلام
    خیلی خوب و مفید بود،ممنون از زحماتتون.

  14. سلام خیلی آموزنده و کاربردی بود ممنون از اطلاعاتی که در اختیار ما قرار میدین.
    لطفا به وبلاگ من هم سر بزنید فقط لطفا نظر فزاموش نشه.
    آدرس وبلاگ:http//Neshatepazeli.mihanblog.com

  15. shahla manie می‌گه:

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

  16. رضا جاویى می‌گه:

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

» ارسال نظرات

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