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

پیام‌رسان خبرمایه پست الکترونیک درباره اوقات شرعی

89/5/30:: 1:55 ع

نظر()

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

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

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

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

اکنون شما ادرس یک فایل favicon را دارید و فقط کافیست آدرسی که آیکن را آپلود کرده اید به جای جمله قرمز رنگ در کد زیر قرار دهید و کد را دربین تگ <head> و </head> قالب خود قرار دهید

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

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

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

امیدوارم کامل و جامع بوده باشد