حتما سایتهای زیادی را دیده اید که کنار آدرس آنها در مرورگرتان یک آیکون کوچک از آن سایت نیز قرار می گیرد. سالها پیش این آیکون و سایتهایی که کنار عنوان سایت آیکون مربوط به زمینه فعالیت آن سایت را نیز قرار میدادند کم بود ولی در حال حاضر این کار به یک امر همیشگی در طراحی های سایتها تبدیل شده و اکثر سایتهای بزرگ و کوچک لوگوی سایت خود را کنار عنوان آن قرار می دهند. در این مقاله میخواهیم به شما نحوه قرار دادن یک آیکون در کنار آدرس سایت در مرورگر را آموزش دهیم. با این روش وقتی بازدید کنندگان شما وارد سایت شما شوند در مرورگر آنها و کنار آدرس سایت شما لوگوی شما را نیز مشاهده خواهند کرد. در ابتدا نیاز به یک برنامه برای طراحی لوگوی مورد نظر خود دارید. به عنوان مثال می توانید از برنامه Workshop Axialis Icon استفاده نمایید که یکی از قدرتمندترین برنامه ها برای ساخت آیکون است و کار با آن نیز بسیار آسان است.
بهتر است آیکون خود را در اندازه 16*16 پیکسل فراهم کنید و از شلوغ بودن آن نیز پرهیز کنید تا وقتی در سایز کوچک خوانده می شود به وضوح قابل مشاهده باشد. پس از طراحی آیکون مورد نظر می بایست آن را با نام favicon.ico ذخیره نموده و در روت سرور خود آپلود نمایید.
نکته دیگری که باید ذکر کنیم این است که با استفاده از این قابلیت کسانی می توانند کنار آدرس سایت خود آیکون قرار دهند که به روت سرور دسترسی داشته باشند و کسانی که وبلاگ نویس هستند به این بخش دسترسی ندارند باید از روش زیر استفاده کنند: پس از طراحی لوگوی مورد نظر و آپلود آن بر روی یکی از سرورهای رایگان، می بایست اسکریپت زیر را زیر تگ در ویرایش قالب خود قرار دهید:
Icon:herf="http://yoursite.com/favicon.ico"<
>link rel="shortcut
دقت داشته باشید که در کد بالا به جای آدرس http://yoursite.com/favicon.ico باید لینک آیکون خود را وارد نمایید.
http://itcenter.blogfa.com
Post a Comment
<< صفحهی اصلی