قرار دادن آیکون کوچک برای وبلاگ و سایت

سلام

»» حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد دارم چگونگی قرار دادن این آیکون کوچک را به شما آموزش بدهم .

- برای انجام این کار دو مرحله باید صورت گیرد :

۱- آماده سازی آیکون 

۲- قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

»» شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد. فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در مرورگر قابل نمایش باشد: ico , png , gif

چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، سایت favicon.cc ‌این امکان را برای شما به راحتی میسر کرده است . کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. این سایت قابلیت تبدیل تصویر مورد نظر شما به favicon را نیز دارد.

پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام favicon.ico خواهد بود :

»» این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر به جای عبارت " آدرس آیکون مورد نظر " قرار دهید :

<!-- START - code design by JAVA2IR.BLOGSKY.COM --> <link href="آدرس آیکون مورد نظر" rel="shortcut icon"> <!-- END - code design by JAVA2IR.BLOGSKY.COM -->

»» این کد را باید حتما بین تگ HEAD قرار دهید (در سطر های اول کد قالب عبارت را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید).

»» توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما متاسفانه گاهی اوقات در مرورگر اینترنت اکسپلورر بعد از مدتی (معمولا بین ۱۰روز تا یک ماه) نمایش داده خواهد شد و سپس حذف می شود .

موفق باشید .