آموزش قرار دادن آیکون در کنار اسم سایت یا وبلاگ (FavIcon)
حتما شما هم Icon یا شکلک هایی که در کنار عنوان سایت ها در مرورگر نمایش داده می شود را دیده اید. استفاده از این شکلک ها که به آن Favicon گفته می شود، علاوه بر زیبایی باعث مشخص شدن یک سایت در بین Tab های مختلف می شود.
اگر دوست دارید برای سایت یا وبلاگ خود Favicon ایجاد کنید، با این مقاله آموزشی همراه شوید.
مرحله اول :
قبل از هر چیز، باید آیکون یا شکلک مورد نظر خود را طراحی کنید. برنامه های زیادی برای طراحی آیکون وجود دارند که می توانید از آنها استفاده کنید. و یا می توانید از بین مجموعه آیکون های آماده، یکی را انتخاب کنید. اما توجه داشته باشید که آیکون مورد نظر، باید در اندازه 32x32 پیکسل باشد. اگر آیکون مورد علاقه شما بزرگ تر از این اندازه بود، باید آن را ویرایش کرده و کوچک کنید.
از این سایت ها هم می توانید برای ایجاد Favicon استفاده کنید :
www.favicon.cc
tools.dynamicdrive.com/favicon
اسم آیکونی که می خواهید به عنوان Favicon استفاده کنید را favicon.ico قرار دهید.
مرحله دوم :
بعد از آماده کردن آیکون مورد نظر خود، باید آن را در فضایی در اینترنت آپلود کنید.
- اگر هاست مستقل برای سایت خود دارید، به راحتی فایل favicon.ico را در ریشه اصلی سایت خود در پوشه public_html قرار دهید. و کار تمام است. بعد از Refresh کردن صفحه اول سایت خود، favicon را خواهید دید.
- اگر وبلاگ دارید، ابتدا باید فایل favicon.icon را در فضایی در اینترنت آپلود کنید. (مثلا در آپلود سنتر سرویس دهنده وبلاگتان) . سپس باید این کد را در فایل اصلی قالب وبلاگ خود ، و بعد از تگ <head> قرار دهید :
<link href="http://Address/favicon.ico" rel="shortcut icon">
به جای عبارت قرمز رنگ ، آدرس لینکی که favicon.ico را آپلود کرده اید قرار دهید.
مثلا http://blog.com/myblog/files/favicon.ico
بعد از Refresh کردن وبلاگ خود، آیکون را خواهید دید.
سوالات و نظرات کاربران در مورد این مطلب (18)
مچکرم خیلی عالی بود. سپاس و تشکر فراوان
سلام. مرسی از سایت خوب شما. من این کاری که شما عرض کردید را انجام دادم ولی فاوآیکون سایت من فقط در صفحه اول سایت نمایش داده میشود و پنل مدیریت سایت. ولی در صفحات و برگه های سایت وجود نداره.
سرزمین دانلود:
ممکن است به دلیل Cache مرورگر یا سرویس دهنده اینترنت شما باشد. کش مرورگر را پاک کنید یا با مرورگر دیگری امتحان کنید. و همچنین چند روز صبر کنید تا کش سرویس دهنده اینترنت هم پاک شود.
خیلی خیلی ممونم. خیلی گشتم برای این کار تا بالاخره با کمک شما یاد گرفتم. واقعا متشکرم.
سلام. اول اینکه Refresh چیه. دوم اینکه چرا وقتی زدم پیش نمایش قالب عکسم اومد ولی وقتی ثبتش میکنم و مشاهده وبلاگ رو میزنم نشون نمیده
با سلام. ممنون از آموزش خوبتون. اما نمیدونم چرا با انجام این کار فاوآیکون سایت من فقط در صفحه اول سایت نمایش داده میشود و پنل مدیریت سایت. ولی در صفحات و برگه های سایت وجود نداره.
سلام عالی بود. فقط میشه بگین چطور یک تولبار بزاریم تو وبلاگ. مثلا شما اون بالا یک عکس هست که نوشته "سرزمین دانلود" و زیرش نوشته "مرجع دانلود و آموزش رایگان نرم افزار"
خب مثل شما چطور میتونم بزارم برای وبلاگم؟
سرزمین دانلود:
آن تصویر Header سایت است. شما باید از قالبی برای وبلاگ خود استفاده کنید که عکس هدر داشته باشد تا بتوانید آن را ویرایش کنید و عکس دلخواه خود را قرار دهید.
عالییییییییی بود