اگر اهل گشت و گذار در اینترنت باشید حتما سایتهایی مثل یاهو-گوگل و حتی همین سایت هات اسکریپت را دیدیدن که در بالای مرورگر شما یک لوگو کوچک و قشنگ قرار دادن. به این لوگو اصطلاحا FavIcon گفته میشه. در این آموزش نحوه ایجاد FavIcon یا همان Favorites Icon (آیکون علاقمندیها) رو آموزش میدم. در ادامه توجه شما رو به چند مورد استفاده از این آیکون را مشاهده میکنید:
برای ایجاد این آیکون فقط کافیه این 4 مرحله بسیار ساده را طی کنید! پس شروع میکنیم.
مرحله1: اگر وبلاگ یا وبسایت شما دارای لوگو (Logo) اختصاصی هستش، به سایت زیر برید.
در این سایت میتوانید یک لوگو طراحی کنید و یا حتی به راحتی لوگو سایت خود را آپلود و یک نسخه با فرمت favicon.ico به صورت آنلاین تحویل بگیرید. پس عجله کنید و تصمیم خود را بگیرید! برای آپلود عکس اینجا کلیک کنید و فایل مورد نظر برای آپلود را انتخاب کنید!
مرحله2: پس از آپلود و یا نقاشی کردن لوگو مورد نظر، باید فایلی که به عنون خروجی در سایت مذکور قرار میگرد را دانلود کنید. این فایل با نام favicon.ico است.
مرحله3: فایل دانلود شده را بدون هیچ تغییری در شاخه root هاست مورد نظرتون آپلود کنید.
مرحله4: در آخرین مرحله باید توسط یک ادیتور فایل index.html یا index.php یا همان فایل صفحه اصلی سایت خودتون رو باز کنید و پس از تگ عبارت زیر را کپی کنید:
<"link rel="shortcut icon" href="http://www.SITENAME.COM/favicon.ico" type="image/x-icon>
<"link rel="icon" href="http://www.SITENAME.COM/favicon.ico" type="image/x-icon>
چند نکته مهم:
1- در صورتی که فایلی با فرمت GIF و متحرک آپلود کنید میتونید یک FavIcon متحرک و البته با پسوند ico از سایت مذکور دانلود کنید
2- اگر برای وبلاگ شخصیتون میخواید FavIcon قرار بدید باید فایل favicon.ico را در یک هاست رایگان مانند پرشین گیگ آپلود کنید.
3- پس از انجام مرحله 4 به طور متوسط باید 6 ساعت منتظر بمانید تا FavIcon برای وبلاگ یا وبسایتتان فعال شود.
موفق و سربلند باشید.
این مقاله در تاریخ 8/ اردیبهشت/ 1388 در سایت هات اسکریپت با کد اختصاصی p2043 (جهت جلوگیری از کپی رایت و حذف نام ارایه کننده) ثبت شده است.