با سلام
حتما تا به حال با تصویری كوچك در كنار آدرس یك وبلاگ یا وبسایت مواجه شده اید مثلا وقتی موتور جستجوی گوگل را باز میكنید در بالای صفحه و كنار نوار آدرس حتما شكلی شبیه به حرف"g"شده اید
این تصویر كوجك را به اصطلاح   favicon  (آیكن) میگویند

http://www.iranget.com/wp-content/myupfile/2009/02/2evaurd.jpg


قصد دارم در این مطلب چگونگی قرار دادن یك آیكن و طراحی آن را برایتان توضیح دهم
برای انجام چنین كاری ابتدا باید تصویری برای آیكن خود داشته باشید
شما نیاز مند یك تصویر 16*16 پیكسل هستید...

برای ساخت همچین تصویری میتوانید از نرم افزار های گرافیكی موجود برای ساخت آیكن یا همان favicon و یا سایت های ارایه دهنده ی این امكان استفاده كنید حتی الامكان تصاویر ساخته شده توسط شما باید با فرمت های ico , png , gif ایحاد شود
البته ما به شما سایت favicon.ccرا بدلیل راحتی كار و برای تست اولیه پیشنهاد میكنیم
میتوانید در این سایت آیكن مورد نظر خود را طراحی كرده و از طراحی خود خروجی favicon یا ico دریافت كنید. پس از دانلود آیكن با فرمت فوق اكنون نوبت آن است كه آیكن مورد نظر خود را آپلود كنید
بهتر است از سایتهای كه لینك مستقیم به شما میدهند آپلود كنید كه بدون دردسر تر است

اكنون شما ادرس یك فایل favicon را دارید و فقط كافیست آدرسی كه آیكن را آپلود كرده اید به جای جمله قرمز رنگ در كد زیر قرار دهید و كد را دربین  تگ و قالب خود قرار دهید


http://you icon adres/favicon.ico" rel="shortcut icon">

با قرار دادن این كد در محل یاد شده حالا وبلاگ یا وبسایت شما دارای یك آیكن با سلیقه ی خودتان است
به آدرس وبلاگ خودتان بروید و در كنار نوار آدرس ایكن خود را مشاهده كنید